Q
遅延
0
A
答えて
-1
SOLUTION
HTML
<video id ="video_intro" width="XXX" height="XXX" poster=".../poster.svg">
<source data-src=".../video.webm" type="video/webm">
<source data-src=".../video.mp4" type="video/mp4">
</video>
JS
afterLoad: function(anchorLink, index){
var video = document.getElementById("video_intro");
video.addEventListener("canplay", function() {
setTimeout(function() {
video.play();
}, 2000);
});
}
0
自分でコールバックafterLoad
を使用してください。その後のsetTimeoutまたは類似の追加:もちろん
afterLoad: function(anchorLink, index){
setTimeout(function(){
//playing HTML5 media elements
$(this).find('video, audio').each(function(){
var element = $(this).get(0);
if(element.hasAttribute('data-myautoplay') && typeof element.play === 'function') {
element.play();
}
});
}, 2000); //2 seconds delay
},
を、あなたはfullpage.js自動再生機能を使用して停止する必要がありますので、あなたのビデオからautoplay
プロパティを削除します。上記のコードにはdata-myautoplay="true"
を使用してください。
+0
私はそれを動作させるのにできないよ: ビデオがまったく起動しない\ .. 。私はdata-srcを削除しようとしましたが、自動再生は機能しません。 –
+0
jsfiddleまたはcodepenで複製を追加します。 – Alvaro
関連する問題
- 1. SQL ExpressとSQL CE、遅延/遅延
- 2. ルビー、遅延ジョブ、遅延:バックエンド:ActiveRecordの
- 3. Androidで巨大なUDP遅延/遅延
- 4. 遅延
- 5. GAE:遅延の遅いリクエスト
- 6. アンドロイドスライドショーの遅延が遅い
- 7. Accessibility.dllの遅い遅延ロード?
- 8. WCF ServiceHost.Close()遅延
- 9. Dojo遅延チェーニング
- 10. Kotlin遅延デフォルトプロパティ
- 11. Javaソケット遅延
- 12. Coco2dアニメーション遅延
- 13. 遅延評価
- 14. 遅延NSFetchedResultsControllerデリゲートメソッド
- 15. 遅延ロードjavadript
- 16. 遅延ロード
- 17. ヘッダロケーション遅延
- 18. Django:WSGI遅延
- 19. 遅延コンストラクタC++
- 20. 遅延UITapGestureRecognizer
- 21. Vaadin - 遅延クエリコンテナ
- 22. 遅延測定
- 23. 遅延ローダー
- 24. Ocaml:遅延リスト
- 25. 遅延PIC18F
- 26. Silverlightマイクロフォン遅延
- 27. CATransaction遅延
- 28. 遅延jqueryリダイレクト
- 29. nhibernate遅延ロード
- 30. 遅延タッチレスポンス
downvoteの理由は? それは私のために働く... –