設置源后播放HTML5視頻

Question

我正在嘗試使用Node.js共享html5視頻。

我有帶視頻URL的瀏覽器A，沒有視頻URL的瀏覽器B。 我同時使用網絡套接字和node.js進行連接。 到目前為止，我正在將視頻源從A設置為B。但是，當我嘗試使用新命令在B中播放視頻源時，將無法正常工作。

就像視頻未加載一樣。 所以我正在使用下一個代碼，以便不會出現錯誤：

$('#v').on('loadeddata', function () {  
   if (v.readyState != 0) {  
      $("#v").get(0).play();  
   } else {
      $('#v').on('loadedmetadata', function () {
         $("#v").get(0).play();
      });
   }        
});

我在加載頁面上設置了源，后來在A上按播放，然后將命令發送給B。但是，當發生另一個事件時，它開始播放。

我使用JQuery和Javascript加載函數嘗試解決它，但是我無法使它起作用：

$("#v").get(0).load();

and

var v = document.getElementById('v'); 
v.load();

任何想法？ 如何真正加載您設置的視頻源？

我正在使用Chrome（V.32）和Firefox（v.26）。

Answer 1

根據您如何設置視頻元素，您可能會暫時不接收到loadeddata事件，在這種情況下，即使有，它也不會立即播放。 幸運的是，您無需等待任何這些事件開始播放。

設置源URL后，立即調用load ，然后立即play 。 這將導致瀏覽器開始加載並在就緒時播放（除非您使用的是iPad，在這種情況下，用戶將需要單擊播放按鈕）。