ビデオはHTMLのビデオタグに "autoplay"を使用することを促します

Question

コードスニペットは以下のとおりです。私はimpress.jsを使ってオンラインプレゼンテーションを作成しました。スライドが上がったときに自動再生する最後のスライドにビデオを挿入したい。しかし、私はそれを実装することができません。誰もがこれで私を助けてくれる？それが動作するはずです

<div class="step box" data-x="0" data-z="4000" data-rotate-y="0"> 

<video width="800" height="600" controls autoplay> 
    <source src="electric_bulb_hd_stock_video.mp4" type="video/mp4"> 
    Your browser does not support HTML5 video. 
</video> 

</div> 

Answer 1

、DOMは自動再生にビデオを防ぐが、あなたはこのように、APIを使用することができます。あなたはこれを入力したときに、上記のコードでは

<div id="video-step" class="step" data-x="-50000" data-y="2000" data-z="-60000" data-scale="6"> 
    <video id="video" width="420" height="340" autoplay> 
     <source src="video/test.webm" type="video/webm"> 
    </video> 
</div> 

：

var videoStep = document.getElementById("video-step"); 
var video = document.getElementById("video"); 
videoStep.addEventListener("impress:stepenter", function(){ 
    video.play(); 
}, false); 
videoStep.addEventListener("impress:stepleave", function(){ 
    video.pause(); 
}, false); 

HTMLステップを実行すると、ビデオは自動的に再生され、このステップを終了すると一時停止します。それを試してみてください:)

Answer 2

てみ自動再生= "自動再生"

。 impress.jsで