【问题标题】:'Autoplay' on video is not working after refreshing page刷新页面后视频上的“自动播放”不起作用
【发布时间】:2021-11-24 09:13:03
【问题描述】:

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

<video src="./images/Kusko Enterprise Catering Services - Google Chrome 2021-10-03 16-30-57_Trim.mp4" class="kusko_catering_video" autoplay></video>

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

【问题讨论】:

    标签: html css controls html5-video autoplay


    【解决方案1】:

    我想这就是你想要的。

            &lt;video src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/h264.mov" autoplay loop&gt;&lt;/video&gt;

    您的代码看起来不错,您只需添加循环属性即可连续播放。我认为问题出在您的来源。

    【讨论】:

    • 嘿!出于某种原因,这也不起作用。它的行为就像我运行您的代码 sn-p 时一样。我也尝试将我的源更改为您的,但它没有播放
    • @MaameYaaTwumasi 删除代码的 jsfiddle 链接。
    • @MaameYaaTwumasi 所以我可以找出问题所在。
    • 这是我使用“控件”时的链接:codepen.io/maame-yaa/pen/jOwgzBQ,这是我使用“自动播放循环”时的链接:codepen.io/maame-yaa/pen/KKqOoWb。我用了你的视频源
    猜你喜欢
    • 1970-01-01
    • 2014-01-04
    • 1970-01-01
    • 2018-08-30
    • 2018-09-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多