设置源后播放HTML5视频

时间:2014-01-30 16:34:16

标签: javascript html5 node.js html5-video

我正在尝试使用Node.js分享html5视频。

我有浏览器A的视频网址和浏览器B没有它。我使用web-socket和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(第26版)。

1 个答案:

答案 0 :(得分:0)

根据您设置视频元素的方式,您可能暂时没有收到loadeddata事件,在这种情况下,如果有的话,它将无法立即播放。幸运的是,您无需等待任何这些事件开始播放。

只要您设置了源网址,请立即致电load,然后立即致电play。这应该会导致浏览器开始加载并在准备就绪时播放它(除非你在iPad上,在这种情况下用户需要点击播放按钮)。