Video.js：設置視頻後出錯src

我在運行videojs('vid')時無法使用video.js。我的目標是創建一個video.js對象，以便我可以讀取當前時間（myPlayer.currentTime）。Video.js：設置視頻後出錯src

HTML：

<video id="vid" class="video-js" controls autoplay data-setup="{}"> 
    <source id="src1"> 
</video>

的Javascript：

$(document).ready(function() { 

    videojs('vid').ready(function() { 
     var myPlayer = this; 
     myPlayer.src({ type: 'video/mp4', src: '/uploads/365.mp4' }); 
    }); 
});

這給了我一個錯誤：

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

重要：當設置SRC不執行videojs('vid')，相同的視頻工作正常。這就像運行videojs('vid')重置所有來源並且未能通過Javascript設置src。

來源

2017-04-30 Koby Douek

爲什麼你無法從'

那是不可能的。 –

爲什麼？如果你真的想要這個，你可以在源代碼中添加一個虛擬url，然後按照你喜歡的方式改變它。 ''。但我仍然認爲'

我自我解決了這個問題：https://example.com/uploads/365.mp4。

來源

2017-04-30 18:09:07

您可以通過它的currentTime()函數獲取currentTime的videojs。通過改變src: '/uploads/365.mp4'到一個完整的URL路徑

var output = document.querySelector('output'); 
 
var player = videojs('vid'); 
 

 
requestAnimationFrame(updateTime); 
 

 
function updateTime() { 
 
    output.innerText = player.currentTime(); 
 
    requestAnimationFrame(updateTime); 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.0.1/alt/video-js-cdn.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.0.1/video.min.js"></script> 
 

 
<video id="vid" class="video-js" controls autoplay> 
 
    <source src="https://www.w3schools.com/html/mov_bbb.mp4"> 
 
</video> 
 

 
<output></output>

來源

2017-04-30 17:14:28 undefined

Video.js：設置視頻後出錯src

回答

相關問題