首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >HTML5视频不能在IOS设备上播放,但在其他任何地方都可以正常播放

HTML5视频不能在IOS设备上播放,但在其他任何地方都可以正常播放
EN

Stack Overflow用户
提问于 2018-09-02 16:10:04
回答 4查看 9.6K关注 0票数 1

我正在尝试创建一个首页,自动播放全宽和全高的视频。它在我的机器(Linux 4.15.0-33-generic #36-Ubuntu SMP Wed Aug 15 16:00:05 UTC 2018 x86_64 GNU/Linux)上在FireFox和Chrome上运行良好。在我的iPhone和苹果电脑上测试时,视频会被空白屏幕所取代。

我在网上看到IOS放弃了对视频自动播放的支持。有没有办法绕过这个问题?

WebM是否支持IOS?

代码语言:javascript
运行
AI代码解释
复制
<video autoplay loop muted playsinline>
  <source src="static/video/video.webm" type="video/webm"/>
  Your browser does not support the video tag.
</video>
EN

回答 4

Stack Overflow用户

发布于 2018-09-02 23:55:39

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

代码语言:javascript
运行
AI代码解释
复制
<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>
票数 3
EN

Stack Overflow用户

发布于 2019-11-20 10:54:08

代码语言:javascript
运行
AI代码解释
复制
<video autoplay loop playsinline> 

请将playsinline添加到视频标签中,它在我身上运行良好

票数 2
EN

Stack Overflow用户

发布于 2021-02-05 04:17:37

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

值得一试。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52138778

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档