Question

我正在构建一个移动网站，但我在Android设备上播放视频时遇到问题。我可以播放视频，但发现它不稳定。有时它会导致浏览器崩溃，有时候控件也没有响应。我的大多数测试都在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 mix（不是非常优秀，所以也许这就是问题）：

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);

}

我不知道还有什么可以在这里调试。有什么想法吗？

Answer 1

感谢@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); 
  }

}

在Android设备上用html5播放视频

1 个答案: