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 に答える