3

我正在构建一个移动网站，但在 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 组合（不是非常理想，所以也许这就是问题所在）：

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

}

我不确定这里还有什么要调试的。有任何想法吗？

4

1 回答 1

0

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

}
于 2012-07-10T14:20:15.797 回答