我花了相当多的时间试图弄清楚为什么视频会像这样嵌入:

<video height="256" loop autoplay muted controls id="vid">
         <source type="video/mp4" src="video_file.mp4"></source>
         <source type="video/ogg" src="video_file.ogg"></source>
</video>

在FireFox中加载页面后自动开始播放,但在基于Webkit的浏览器中无法自动播放.这只发生在一些随机页面上.到目前为止,我无法找到原因.我怀疑CMS编辑器创建了一些未关闭的标签或大量JS.

推荐答案

我能得到的最好的修复方法就是在</video>后面添加这个代码

<script>
    document.getElementById('vid').play();
</script>

.不是很漂亮,但不知怎么的很管用.

UPDATE

<video autoplay muted>
...
</video>

Javascript相关问答推荐

将音频记录从js发送到activx-web服务器以保存到磁盘

Express.js:以块形式发送响应

在JavaScript中打开和关闭弹出窗口

如何使用Paged.js仅渲染特定页面

reaction如何在不使用符号的情况下允许多行返回?

为什么在获取回调内设置状态(不会)会导致无限循环?

React:未调用useState变量在调试器的事件处理程序中不可用

如何为GrapesJS模板编辑器创建自定义撤销/重复按钮?

如何在表格上拥有水平滚动条,在正文页面上拥有垂直滚动条,同时还对html表格的标题使用位置粘性?

每次子路由重定向都会调用父加载器函数

if/else JavaScript中的条件行为

如何用显示网格平滑地将元素从一个地方移动到另一个地方?

函数返回与输入对象具有相同键的对象

SPAN不会在点击时关闭模式,尽管它们可以发送日志(log)等

当标题被点击时,如何使内容出现在另一个div上?

Docent.cloneNode(TRUE)不克隆用户输入

如何使本地html页面在重新加载时保持当前可隐藏部分的打开状态?

如何使用Astro优化大图像?

如何使用抽屉屏幕及其子屏幕/组件的上下文?

Reaction即使在重新呈现后也会在方法内部保留局部值