2011-12-07 78 views
1

我正在使用Flash,但是我也需要使用HTML5的相同方法。如果不可能,有沒有解決這個問題的方法?是否可以使用html5播放前貼片廣告,後貼片廣告?

這不是我想要的,但我試圖在使用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.onend 

我改成了

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> 
相關問題