ビデオを再生してから新しいページにリダイレクト

Question

私はビデオを含むページでワードプレスサイトを持っています。私は、このビデオがページが訪問されたときに自動的に再生したいと思いますし、ビデオの再生が終了したら、自分のサイトの別のページにリダイレクトをしたいと思います。

私はこのポストからの指示に続いてきました： 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> 

は誰もが言うことができますか？

私は上記のコードを自分のワードプレスページに直接持っています。私はhtmlの下にスクリプトを配置しようとしましたが、私は私のテーマ設定にスクリプトを追加しようとしましたが、どちらもうまくいきませんでした。

ありがとうございました！

Answer 1

最初に、外部スクリプトファイルをインポートしていないため、<script src="text/javascript">から<script type="text/javascript">に変更してください。 <script>タグについて少しお読みください。

第2に、playVideo()機能は必要ありません。それに応じてコードを書き直し：あなたは<video>タグでautoplay="autoplay"属性を持っているので、あなたは、video.play();を必要としない

<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> 

。それについてhereを読んでそれを自分で試してくださいhere。

第3に、jsコードの作成中にブラウザのコンソールを開いたままにします。

Good Luck！