2017-01-09 10 views
0

私は、私たちがゲスト/顧客を私たちのビジネスに迎えるためにテレビで使用するウェブサイトを作っています。私たちが名前を書いて画面に表示するSQLデータベースと、同じWebサイト上の別のフレームで再生しているビデオもあります。 これはすべてデスクトップPCのChromeでうまく動作します。しかし、我々はTV(これのようなもののために使用されるビジネスモデルです)のブラウザに組み込まれて使用します。ブラウザはOperaで、HTML5をサポートしています。OperaブラウザのJavascript自動再生ビデオ(mp4)?

問題は、しばらくしてから2時間、1日にすることができます、それはビデオを再生を停止し、ちょうど黒のフレームを表示することです。

これはコードです:

<source src="video/video1.mp4" type='video/mp4'/> 

</video> 

<script type='text/javascript'> 

video_count =1; 

videoPlayer = document.getElementById("video"); 



function run(){ 

     video_count++; 

     if (video_count == 3) video_count = 1; 

     var nextVideo = "video/video"+video_count+".mp4"; 

     videoPlayer.src = nextVideo; 

     videoPlayer.play(); 

       videoPlayer.loop(); 

    }; 



</script> 

これはvideo1.mp4とvideo2.mp4という名前のファイルが再生されます...など今video1.mp4と呼ばれるこのフォルダ内に一つだけのファイルがあり、自動再生してループします。しかし、しばらくすると自動再生に失敗し、黒い枠が表示されます。

アイデア?

ありがとうございます!

答えて

0

この場合、バグを見るようになっている場合は、javascriptでビデオイベントを調べることをおすすめします。

例えば(Detect when an HTML5 video finishesポストから)あなたは、このようにあなたの次の動画の再生を開始できます。

<script type='text/javascript'> 
    document.getElementById('myVideo').addEventListener('ended',myHandler,false); 
    function myHandler(e) { 
     // What you want to do after the event 
    } 
</script> 

あなたは、単に次の動画に移動、またはそのタイムライン上の0に戻って追求して、もう一度それを再生することができ。あなたがループ1の映像を希望している場合、他のオプションは、あなたがより良いあなたの<video>タグでloopオプションを使用するだろう:

<video loop> 
    <source src="video/video1.mp4" type="video/mp4"> 
</video> 
関連する問題