video自動循環播放設置

方法一:在video標籤上直接添加autoplay 和loop屬性,但直接添加需手動點擊播放纔可自動循環播放,想要一打開就讓video自動循環播放需要添加muted屬性,具體代碼實現如下:

<video id="videos" muted="muted" width="636" height="432" src="home/banner5.mp4" autoplay="autoplay" loop></video>

方法二:用JavaScript控制video視頻自動循環播放,具體實現如下:

var video = document.querySelector('video');
video.play();

注意:這樣做確實實現了video視屏的自動循環播放,但是會有一個錯誤提示(我遇到的),但是沒有影響整個操作。後面覺得去改麻煩就選擇第一種實現的。推薦使用第一種方法。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章