我试图创建一个首页,自动播放视频与全宽和全高。它在我的机器(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>
5条答案
按热度按时间2jcobegt1#
我可以通过将以下来源添加到视频标签来解决我的问题:
cxfofazt2#
请将
playsinline
添加到视频标签,它在我这里工作得很好k4emjkb13#
嘿,所有人都以为我会提出一个解决方案。我只是想建立一个超级简单的投资组合,并将其托管在Github页面上。不幸的是,无法访问服务器来配置任何内容。我什么都试过了。我能够得到它的工作,只是托管视频上Vimeo。我可以用免费版本做到这一切。然后你可以嵌入他们的iframe。这在所有平台上都能正常工作,Vimeo也没有烦人的广告。
值得一试。
fdbelqdn4#
适用于所有浏览器的解决方案:https://stackoverflow.com/a/66344245/3087186 ...
1.将视频转换为.MOV和2)type=“video/mp4”在同一个标签中。工作!
cyvaqqii5#
嘿,所有与
playsinline
和muted
的组合对我来说都很有用。值得一试。