在安卓设备上使用html5播放视频

playing videos with html5 on android device

本文关键字：html5 播放 视频      更新时间：2023-09-26

我正在建立一个移动网站，在安卓设备上播放视频时遇到了问题。我可以播放视频，但发现它不稳定。有时它会导致浏览器崩溃，有时控件没有响应。我的大部分测试都是在Galaxy S3和Nexus上进行的。

代码是一个链接，您可以单击它来播放视频。

<div id="player"></div>
<a href="#" onclick="DoNav('<?php echo $url; ?>');" title="Click to play video"> <?php echo $result_videos[$i]["camera_name"]; ?> </a>

javascript/jquery混合（不是很优化，所以这可能是问题所在）：

function DoNav(theUrl)
{
// only add the player if it doesn't yet exist
if($('#myfileplayer').length == 0) {
    var mydiv = $("#player");
        var myvideo = $("<video id='myfileplayer' src='"+ theUrl + "' width='320' height='240' controls></video>");
           mydiv.append(myvideo);
} else {
   $('#myfileplayer').attr("src",theUrl); 
}
var video = document.getElementById('myfileplayer');
video.addEventListener('click',function(){
  video.play();
},false);
}

我不确定在这里还需要调试什么。有什么想法吗？

感谢@akonsu，他提到了为什么我甚至需要点击事件监听器？说得好，我没有。我去掉了它，所有奇怪的行为都消失了。

function DoNav(theUrl)
{
  // only add the player if it doesn't yet exist
  if($('#myfileplayer').length == 0) {
    var mydiv = $("#player");
    var myvideo = $("<video id='myfileplayer' src='"+ theUrl + "' width='320' height='240' controls></video>");
       mydiv.append(myvideo);
  } else {
     $('#myfileplayer').attr("src",theUrl); 
  }
}
相关文章：