如何在移动 Safari 中播放视频

Posted

技术标签:

【中文标题】如何在移动 Safari 中播放视频【英文标题】:How to play a video inside mobile safari 【发布时间】:2011-06-23 13:55:54 【问题描述】:

我正在使用一个简单的 html5 视频标签在 iphone 浏览器中重现 mp4 视频,但它总是在 iphone 上打开视频播放器。

有没有办法在浏览器中播放视频?

<video src="http://video-js.zencoder.com/oceans-clip.mp4"
        autoplay="autoplay" <!-- Boolean attribute. Omit to prevent autoplay. -->
        start="00:00:00.00"
        loopstart="00:00:00.07" <!-- 7 seconds -->
        loopend="00:00:00.19"
        end="00:00:00.27"
        playcount="4" <!-- play 4x -->
        controls="true"
        
        
>

这是我正在使用的代码,在普通浏览器中运行良好,但在 iphone 中它总是在视频播放器中打开。

谢谢!

【问题讨论】:

是的,我向你保证它有效,但我们需要看看你做错了什么来帮助你解决它。 谢谢!我将编辑问题。 【参考方案1】:

据我所知,iPhone 总是在本机播放器中打开 HTML5 视频(以避免出现邮票大小的视频)。 iPad 将使用相同的代码在 Safari 中播放。我不相信有办法覆盖它。

【讨论】:

【参考方案2】:

使用playsinline&lt;video … playsinline /&gt;

【讨论】:

以上是关于如何在移动 Safari 中播放视频的主要内容,如果未能解决你的问题,请参考以下文章

带有自定义控件的视频无法在 iOS 上播放(Safari 和 Chrome)

youtube 如何在 Safari 上自动播放带音频的视频?

React (HTML) 视频标签不会在移动设备上自动播放

HTML5 录制中等质量的视频以供 Safari 播放

在 Safari iOS 14.2 上自动播放视频 HTML

移动 Safari 上的 iOS html5 视频