2011-12-07 9 views
1

私はFlashを使ってやっていますが、HTML5を使って同じアプローチが必要です。それが不可能な場合は、この問題の回避策はありますか?html5を使用してプレロール、ポストロール広告を再生することは可能ですか?

これは私の望むものではありませんが、広告のビデオがonendイベントリスナーを使用して終了したときに実際の動画を再生しようとしましたが、動作しませんでした。私はミスがその

videoPlayer.onend 

であると考え

<script type="text/javascript"> 
var nextVideo = "http://....../real_video.mp4"; 
var videoPlayer = document.getElementById('videoPlayer'); 
videoPlayer.onend = function(){ 
    videoPlayer.src = nextVideo; 
} 
</script> 

<video id="videoPlayer" width="320" height="240" controls="controls"> 
    <source src="http://.../ad_video.mp4" type="video/mp4" /> 
</video> 

答えて

3

まず私は

videoPlayer.onended 

にそれを変更しかし、それはどちらか動作しません。

最後に、以下のようにeventlistenerを追加して動作させました。

<video id="videoPlayer" src="http://..../realVideo.mp4" autoplay autobuffer controls /> 

<script type="text/javascript"> 
var nextVideo = "http://../nextVideo.mp4"; 
var videoPlayer = document.getElementById('videoPlayer'); 
videoPlayer.addEventListener('ended', function(){ 
     videoPlayer.src = nextVideo; 
     }, false); 

</script> 
関連する問題