HTML5视频不能在iOS设备上播放,但在其他任何地方都能正常工作

9njqaruj  于 2023-10-21  发布在  iOS
关注(0)|答案(5)|浏览(151)

我试图创建一个首页,自动播放视频与全宽和全高。它在我的机器(Linux [name] 4.15.0-33-generic #36-Ubuntu SMP Wed Aug 15 16:00:05 UTC 2018 x86_64 x86_64 x86_64 GNU/Linux)的FireFox和Chrome上运行良好。在我的iPhone和Mac上测试时,视频被替换为空白屏幕。
我在网上读到iOS放弃了对视频自动播放的支持。有办法解决这个问题吗?
WebM是否支持IOS?

<video autoplay loop muted playsinline>
  <source src="static/video/video.webm" type="video/webm"/>
  Your browser does not support the video tag.
</video>
2jcobegt

2jcobegt1#

我可以通过将以下来源添加到视频标签来解决我的问题:

<video autoplay loop muted playsinline>
    <source src="devstories.webm" 
          type='video/webm;codecs="vp8, vorbis"' />
    <source src="devstories.mp4" 
          type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
  Your browser does not support the video tag.
</video>
cxfofazt

cxfofazt2#

<video autoplay loop playsinline>

请将playsinline添加到视频标签,它在我这里工作得很好

k4emjkb1

k4emjkb13#

嘿,所有人都以为我会提出一个解决方案。我只是想建立一个超级简单的投资组合,并将其托管在Github页面上。不幸的是,无法访问服务器来配置任何内容。我什么都试过了。我能够得到它的工作,只是托管视频上Vimeo。我可以用免费版本做到这一切。然后你可以嵌入他们的iframe。这在所有平台上都能正常工作,Vimeo也没有烦人的广告。
值得一试。

fdbelqdn

fdbelqdn4#

适用于所有浏览器的解决方案:https://stackoverflow.com/a/66344245/3087186 ...

<video controls autoplay loop muted playsinline>
    <source src="https://example.com/my_video.mov" type="video/mp4">
</video>

1.将视频转换为.MOV和2)type=“video/mp4”在同一个标签中。工作!

cyvaqqii

cyvaqqii5#

<video playsinline muted>

嘿,所有与playsinlinemuted的组合对我来说都很有用。
值得一试。

相关问题