Question

我想在div内添加视频（我想将其作为该元素的背景视频）。

我添加了视频，我看到了视频的第一张图像，但是它无法开始/播放。

当我阅读有关HTML5和视频的文章时，我想我已经设置了它所需的所有属性，但是肯定有一个看不见的错误。

<div class="myclass" id="caption" contenteditable="true">
<video autoplay="" loop="" id="video-background-7608" muted="" plays-inline="" poster="">
<source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&amp;profile_id=119&amp;oauth2_token_id=57447761" type="video/mp4"></video>

some content in my <span>div</span>
<img...>
</div>

我在控制台或网络报告中没有看到错误。

这里 https://dev.w3.org/html5/pf-summary/video.html#attr-media-autoplay我读了 “自动播放DOM属性必须反映相同名称的内容属性”

这是我需要的云吗？什么意思？

感谢您帮助我解决问题！

Answer 1

尝试删除您的div中的contenteditable="true"。

<div class="myclass" id="caption">
    <video controls autoplay>
        <source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&amp;profile_id=119&amp;oauth2_token_id=57447761" type="video/mp4">
    </video>
</div>

Answer 2

尝试设置autoplay="autoplay"您最有可能遇到浏览器问题，或者具有扩展名或阻止扩展名自动播放的问题。

Similar question如上所述

Answer 3

大多数浏览器要求用户在未静音的情况下启动视频。尝试将其静音。

赞：

<div class="myclass" id="caption" contenteditable="true">
<video autoplay="" loop="" id="video-background-7608" muted="muted" plays-inline="" poster="">
<source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&amp;profile_id=119&amp;oauth2_token_id=57447761" type="video/mp4"></video>

some content in my <span>div</span>
<img...>
</div>

HTML5视频无法播放/自动播放

3 个答案: