我正在使用最新升級(jí)的videojs插件(工作正常)。7.6.54.*4.*我已經(jīng)模擬了我的項(xiàng)目使用videojs.我想通過(guò)更改 html 內(nèi)容在同一個(gè)對(duì)話框中顯示圖像或視頻問(wèn)題: videojs播放器不是每次都加載或播放(僅第一次播放),如何使其一直播放。重現(xiàn)我的問(wèn)題的步驟:請(qǐng)參閱下面的代碼片段或轉(zhuǎn)到此 codepen 鏈接 https://codepen.io/eabangalore/pen/PoPwQjZ等待 30 秒 videojs 將第一次正確出現(xiàn)在對(duì)話框中。3.對(duì)話框?qū)⑾?,圖像將顯示。再等 30 秒,videojs 將無(wú)法加載。下面是我的代碼:function initializePlayer(){ var player = videojs('vplayer', {inactivityTimeout: 0}); player.ready(function() { player.src({ src: "https://vjs.zencdn.net/v/oceans.webm", type: "video/webm" }); });}var showCloseNum = 0;var intId = setInterval(function(){ showCloseNum++; $('#videojs_player_dialog').dialog({ modal: true, resizable: false, autoOpen: false, width: 600, height: 350, open: function(){ var player = ` <video disablepictureinpicture="" autoplay controlslist="nodownload" id="vplayer" class="video-js vjs-default-skin" controls muted data-setup='{ "inactivityTimeout": 0}' style="width:600;height:350;"> <source src="#"></source> </video> `; var image = '<img src="https://via.placeholder.com/468x60?text=Visit+Blogging.com+NoC/O https://placeholder.com/">'; if(showCloseNum % 2 == 0){ $('#videojs_player_dialog').html(player);initializePlayer(); }else{ $('#videojs_player_dialog').html(image); } }, beforeClose: function () { $('#videojs_player_dialog').html(''); $(this).dialog('destroy'); } }); if(showCloseNum % 2 == 0){ $('#videojs_player_dialog').dialog('open'); }else{ $('#videojs_player_dialog').dialog('close'); }},6000);
1 回答

qq_花開(kāi)花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
您需要處理該播放器,而不僅僅是刪除其元素,否則您無(wú)法初始化具有相同 id 的其他播放器。
videojs.getPlayer('vplayer').dispose()
- 1 回答
- 0 關(guān)注
- 173 瀏覽
添加回答
舉報(bào)
0/150
提交
取消