使用html5视频标签时不在Safari浏览器中播放的视频

我正在使用django构建网站。我正在尝试使用html5标记在我的网页中添加视频。我的代码如下。使用html5视频标签时不在Safari浏览器中播放的视频

<video controls style="width: 100%; height: 100%;" id="video" preload="none"> 
        <source src="{% static 'media/video1.ogv' %}" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="{% static 'media/video1.webm' %}" type='video/webm'> 
        <source src="{% static 'media/video1.mp4' %}" type='video/mp4'> 
        <p>Video is not visible, most likely your browser does not support HTML5 video</p> 
       </video>

但是视频并未在Safari浏览器中播放。我将视频更改为video1.mov文件，但仍未播放。我正在使用heroku进行部署。我检查了是否安装了Quickstart。它已经安装。所示的错误是

Failed to load resource: Plug-in handled load 
http://www.***.com/static/media/video1.mov

有人能帮助我理清了这一点？

来源

2014-10-01 Arundas R

Safari支持此视频格式？ – 2014-10-01 11:44:26

它支持mp4格式 – 2014-10-06 05:16:29

如果第一个源标签不可播放（即不是mp4），Safari会产生一个会冻结播放的bug。我不确定这个bug是否仍然存在，但值得一试。 – DylanYoung 2017-11-20 18:45:32

可能是MP4编码的问题。我知道这个问题有点老，但我有同样的问题，所以以防万一可以帮助你或其他人发现这第一次像我这样做：

看来，QuickTime（这是为MP4播放MP4的插件）仅在文件使用特定配置文件进行编码时才有效。这是在Apple's FAQ的问题＃2中指定的。

虽然协议规范不限制的视频和音频格式，目前苹果支持以下格式：

视频：H.264 基线水平3.0，基准水平3.1，主级3.1，和高调4.1级。

音频： HE-AAC或AAC-LC高达48kHz时，立体声音频 MP3（MPEG-1音频层3）8千赫至48千赫，立体声音频 AC-3（苹果TV，在通只有通过模式）

您需要使用其中一个视频配置文件进行编码，以使其与QuickTime以及Safari一起使用。

如果你也瞄准了iOS设备，this table可能也有帮助，才能知道你兼容：

基线3.0：所有设备

基线3.1 ： iPhone 3G及更高版本，以及iPod touch第二代及更高版本。

主要配置文件3.1： iPad（所有版本），Apple TV 2和更高版本以及iPhone 4和更高版本。

主型材4.0：的Apple TV 3及更高版本，iPad 2的和更高版本，iPhone 4S，后来

High Profile的4.0：的Apple TV 3及更高版本，iPad 2的和更高版本，iPhone 4S然后。

High Profile 4.1： iPad 2及更高版本和iPhone 4S及更高版本。

最后，下面是创建这些编码的ffmpeg选项： https://trac.ffmpeg.org/wiki/Encode/H.264#AdditionalInformationTips

它也是有用的知道，你可以打开在QuickTime文件（你不必通过Safari浏览器加载）以检查文件是否有效。

来源

2015-03-18 23:45:42

我使用[email protected]打开了mp4，并导出为iPhone（.m4v），但它仍然无法在iPhone上使用。跆拳道??? – Jacksonkr 2017-03-30 18:59:29

回答

相关问题