我需要设置视频在网页打开后,视频自动加载出来,开始播放,并自动循环播放。
开始我的设置
<video id="videos" autoplay="autoplay" loop="loop">
<source type="video/mp4"
src="https://s2.luckincoffeecdn.com/luckyweb/homepage/assets/ee2b34ad1ef22cf57bd1497e29639051.mp4">
</video>
这是根据模仿的网页“luckin coffee”学习格式写的
然后我发现在我第一次设置了
autoplay="autoplay" (自动播放) loop="loop"(循环播放)
进入网页能够实现视频自动且循环播放
当我刷新一次以后,就成为图片一样,视频无法播放
然后:
<video autoplay="autoplay" loop="loop" width="100%" muted=“muted”
src="https://s2.luckincoffeecdn.com/luckyweb/homepage/assets/ee2b34ad1ef22cf57bd1497e29639051.mp4">
</video>
添加 mute="muted"属性就可以解决啦