Javascript 在android设备上使用html5播放视频

我正在建立一个移动网站，在安卓设备上播放视频时遇到问题。我可以播放视频，但觉得不稳定。有时它会导致浏览器崩溃，有时控件没有响应。我的大部分测试都是在GalaxyS3和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的混合（不是很理想，所以可能这就是问题所在）：

函数DoNav（theUrl） { //仅当玩家不存在时才添加该玩家 如果（$（'#myfileplayer'）。长度==0）{ var mydiv=$（“#玩家”）； var myvideo=$（“”）； mydiv.append（myvideo）； }否则{ $（'#myfileplayer'）.attr（“src”，theUrl）； } var video=document.getElementById（'myfileplayer'）； video.addEventListener（'click'，function（）{ video.play（）； }，假）； }

---

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

多亏了@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); 
  }

} 

函数DoNav（theUrl） { //仅当玩家不存在时才添加该玩家 如果（$（'#myfileplayer'）。长度==0）{ var mydiv=$（“#玩家”）； var myvideo=$（“”）； mydiv.append（myvideo）； }否则{ $（'#myfileplayer'）.attr（“src”，theUrl）； } }

---

我会从一个包含静态视频标签的静态页面开始，看看它是否可以播放。@akonsu尝试过，但播放效果很好。很酷，然后我会在视频上添加“canplay”事件侦听器，并在那里连接单击侦听器，以确保只有在视频准备就绪时才能单击。为什么需要单击事件侦听器？您在视频标签上有控件，足以播放电影。@akonsu不确定我是否熟悉“canplay”-您能详细说明或提供链接吗。我想我没有正确地用谷歌搜索。

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

}