播放視頻，然後重定向到新頁面

我有一個包含視頻的頁面的WordPress網站;我希望此視頻在訪問該網頁時自動播放，並且一旦視頻播放完畢，我希望重定向發生在我網站上的其他頁面上。播放視頻，然後重定向到新頁面

我已經按照這個職位的指令： Redirect html5 video after play

但是，這似乎並沒有爲我工作，我想不出我應該做的事情不同。

下面的代碼，目前我的網頁上：

<script src="text/javascript"> 
function playVideo(){ 
    var video = document.getElementById('addiction-video'); 
    video.play(); 
    video.addEventListener('ended',function(){ 
    location.href = 'http://mywordpresssite.com/addiction-a-call-for-connection-acim/'; 
    }); 
} 
</script> 
<video id="addiction-video" autoplay="autoplay" controls="controls" width="600" height="300"> 
<source src="http://mywordpresssite.com/wp-content/uploads/2015/12/Addictions.mp4" type="video/mp4" /> 
</video>

誰能告訴爲什麼它在視頻播放完畢後不是重定向？

我在上面的代碼直接在我的WordPress頁面;我已經嘗試將腳本放置在html下面，並且我已經嘗試將腳本添加到我的主題設置中，但都沒有成功。

謝謝！

來源

2016-10-12 Jutta Duncan

你在哪裏調用'playVideo（）'函數？ –

好問題！我應該在哪裏調用它？我對JavaScript不太熟悉。 –

那麼，當頁面被加載時，我想，像這樣：'$（window）.load（function（）{playVideo（）;}）' –

首先將<script src="text/javascript">更改爲<script type="text/javascript">，因爲您沒有導入外部腳本文件。讀一下<script>標籤。其次你不需要playVideo()函數。因此重寫代碼：

<script type="text/javascript"> 

    var video = document.getElementById('addiction-video'); 

    video.addEventListener('ended',function(){ 
     location.href = 'http://mywordpresssite.com/addiction-a-call-for-connection-acim/'; 
    }); 

</script> 
<video id="addiction-video" autoplay="autoplay" controls="controls" width="600" height="300"> 
    <source src="http://mywordpresssite.com/wp-content/uploads/2015/12/Addictions.mp4" type="video/mp4" /> 
</video>

你不需要video.play();，因爲你必須在<video>標籤autoplay="autoplay"屬性。閱讀有關它here並自己嘗試here。

第三，在編寫js代碼時保持瀏覽器控制檯處於打開狀態。

祝你好運！

來源

2016-10-13 21:04:12

太棒了！非常感謝您的回覆，解釋，鏈接和代碼！完美的作品！ –

不客氣！ –

播放視頻，然後重定向到新頁面

回答

相關問題