刷新页面后视频的“自动播放”功能不起作用

Maa*_*asi 3 html css controls autoplay html5-video

我想添加一个自行播放并循环播放的视频,而不显示控件。当我将“控件”添加到代码中时,控件会显示并且视频播放得很好。当我将“控件”更改为“自动播放”并刷新测试页面时,视频无法播放。这是代码:

<video src="./images/Kusko Enterprise Catering Services - Google Chrome 2021-10-03 16-30-57_Trim.mp4" class="kusko_catering_video" autoplay></video>
Run Code Online (Sandbox Code Playgroud)

请问我可以寻求帮助来找出我的错误吗?

tec*_*eek 14

如果您已将autoplay选项放入 element. 除非您也将其静音,否则它不会在刷新时播放。这是浏览器中的一种特殊情况,它可以防止在刷新时大声播放视频。

所以将你的元素更改为:

<video id="video-field" src="files/video" loop autoplay muted></video>
Run Code Online (Sandbox Code Playgroud)

以及有人在评论中询问的角度。

<video [muted]="'muted'" loop autoplay [src]="videoSource"></video>
Run Code Online (Sandbox Code Playgroud)

  • 添加静音的角度方式 [muted]="'muted'" 是我唯一缺少的东西,谢谢。 (4认同)