Chrome html-video不可见开始播放,直到我滚动页面[关闭]

Posted

技术标签:

【中文标题】Chrome html-video不可见开始播放,直到我滚动页面[关闭]【英文标题】:Chrome html-video invisible start playing until I scroll the page [closed] 【发布时间】:2012-10-31 16:51:39 【问题描述】:

我建立了一个网站,试图将视频播放为大背景图像。在我开始滚动之前,该元素是不可见的。我没有javascript

<!DOCTYPE html>

<video class="background_video" poster="video/rain.jpg" autoplay muted="true" preload="auto" >
  <source type="video/mp4" src="video/rain.mp4">
  <source type="video/ogv" src="video/rain.ogv">
  <source type="video/webm" src="video/rain.webm">
</video>

【问题讨论】:

【参考方案1】:

似乎是 chrome 和使用海报属性的错误。在这个的回复中找到了 js 来解决问题。

video disappears when poster attribute and preload is defined

【讨论】:

以上是关于Chrome html-video不可见开始播放,直到我滚动页面[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

嵌入的音频在 Safari/iOS 上不可见

在视频播放开始时隐藏 HTML5 视频控件的自动可见性,但保留所有其他默认控件行为

Chrome 新动作:取消 HTTPS 页面安全标记;暂时恢复网页自动播放功能

Chrome 64 Mobile Android 未预加载且未自动播放静音视频

为啥在使用 jquery 创建元素后它们在 Chrome 中不可见

检查 UITableViewCell 是不是完全可见以进行自动播放