方法一:在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視屏的自動循環播放,但是會有一個錯誤提示(我遇到的),但是沒有影響整個操作。後面覺得去改麻煩就選擇第一種實現的。推薦使用第一種方法。