【问题标题】:Video on mobile opens in "lightbox", why? – CSS手机视频在“灯箱”中打开,为什么? - CSS
【发布时间】:2021-11-14 16:22:28
【问题描述】:

我在我的网站中实现了一个视频,我就是这样做的:<video autoplay muted loop>(视频没有音频。)

不幸的是,在移动上,视频不会自动播放,当我点击播放时,浏览器会在某种“灯箱”或播放器中打开视频,所有内容都在其中else 没了,我只看到视频。

我真的不希望这种情况发生。 – 发生了什么,我该如何避免这种情况?

【问题讨论】:

  • 什么操作系统/设备/浏览器?你能不能用一个实际的视频制作一个简单的 sn-p 来解决这个问题。
  • 你的视频是什么格式的? “移动”是指 iPhone 还是 Android?这个问题可能是相关的:stackoverflow.com/questions/39892713/…
  • 天啊,我想我刚刚弄明白了:我正在检查我在网上找到的一个网站的源代码,我看到了他的小东西:playsinline,我想就是这样。 – 这完美地描述了我的问题:css-tricks.com/what-does-playsinline-mean-in-web-video – 我目前正在将我网站上的更改上传到我的网站空间,如果这真的有效,我会回答我的问题。但是,谢谢! :)
  • “灯箱”问题已解决,但我仍在尝试使其自动播放... :)

标签: html css


【解决方案1】:

“灯箱”问题很容易解决,您只需在视频标签中添加此属性:playsinline。 – 这里有很棒的文档:https://css-tricks.com/what-does-playsinline-mean-in-web-video/

视频没有在我的 iPhone 上自动播放,因为:“低功耗模式”处于活动状态。 – 在这里找到:Autoplay muted video iOS 11.2 :)

【讨论】:

    猜你喜欢
    • 2013-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-27
    相关资源
    最近更新 更多