【发布时间】:2019-02-21 07:49:29
【问题描述】:
我想在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&profile_id=119&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 属性必须反映同名的内容属性"
云是我需要的点吗?什么意思?
谢谢你帮我解决!
【问题讨论】:
-
它对我有用。铬浏览器。请检查以下看起来相似的内容:stackoverflow.com/questions/16965170/…
-
我认为肯定还有其他问题。如果我将代码从codepen.io/mattgrosswork/pen/jrdwK 复制到我的页面中,我也会遇到同样的问题,我只能看到第一张图片或海报
-
我认为它基于浏览器默认设置...就像我说的 chrome 工作。参考文章还说明了有关音频等的内容
-
codepen 也适合我
-
默认忽略自动播放属性,但用户可以启用自动播放行为 (caniuse.com/#feat=video)。