当前位置: 首页 > 知识库问答 >
问题:

FFMPEG-MP4在safari中播放,除非它不是第一个源?Chrome不能播放相同的MP4?

谷梁波
2023-03-14

还有一个问题是如何让html5视频工作。

我用FFMPEG创建了同一视频的3个不同格式的3个版本:mp4、ogg和WebM。

当.ogg被列为第一个html5视频源时,在chrome中可以正常播放,而.mp4被列为第一个html5视频源时,在safari中可以正常播放,但是,如果我将.mp4源列在.ogg源之上,chrome将不再加载/播放.ogg视频,因为它默认为不会播放的.mp4视频,同样,如果我将.ogg源文件列在.mp4源文件之上,safari也不会加载.mp4视频。

我不知所措。下面是我的嵌入代码:

<video width="100%" height="100%">
    <source src="./videos/Wildlife.ogg">
    <source src="./videos/Wildlife.webm">
    <source src="./videos/Wildlife.mp4">
</video>

有没有什么想法来解释为什么源之间的回退不能正常工作?

为什么safari不遵守回退顺序而忽略.ogg/.webm文件呢?

共有1个答案

孟胤
2023-03-14

在进行了大量的故障排除和添加/删除标记之后,我终于通过列出标记的类型来恢复正常工作。

<video width="100%" height="100%">
    <source src="./videos/Wildlife.ogg" type="video/ogg">
    <source src="./videos/Wildlife.webm" type="video/webm">
    <source src="./videos/Wildlife.mp4" type="video/mp4">
</video>

换句话说,在我的例子中,浏览器不会回退到下一个可用的(可播放的)视频格式,除非我在每个视频类型上添加'type='属性。

 类似资料:
  • 我用WordPress开发了一个网站。我在主页上放了一段视频,它在Chrome,Mozila和IE中运行良好,但在Safari中运行良好。我已经使用了html5视频标签,有没有人可以建议我如何在Safari播放MP4视频?这是我正在使用的代码播放视频在我的网站。 上面的代码工作得很好,但在Safari中除外。有什么flash播放器解决方案播放MP4视频吗?

  • 嗨,我有几个视频不能在Android(直接在Chrome上)和iOS(直接在Safari上)上播放,但可以在Windows、Mac和Linux上任何浏览器上播放。 下面是输出 下面是另一段在Android和Chrome上播放的视频的ffprobe输出: 两者都是.mp4格式,并使用编解码器。就我所见,我注意到编解码器配置文件与和与以及元数据部分的差异。 我尝试用ffmpeg重新编码第一个视频,但没

  • 我正在尝试在android中实现BrightCove Exoplayer。我能够成功地实现播放单个视频。现在我正在尝试使用Exoplayer播放播放列表。播放列表中的第一个视频,在第一个视频结束时,播放器不会播放播放列表中的下一个视频。它再次显示第一个视频的开头;如果我按下播放按钮,第一个视频将再次播放。我想实现连续播放播放列表中的所有视频。我错过什么了吗?我将我的代码张贴在下面: 主要活动:

  • 尝试过添加loop: true、 监听视频播放结束后重新播放等方式都是h5正常,app会一直转圈

  • 现在我不知道如何添加开始代码或SPS/PPS到我的MP4,请帮我一把。我应该怎么做来生成一个可以在Windows Media Player中播放的MP4? 我已经尝试添加h264位流过滤器,但它没有工作。下面的代码: 经过大量尝试,我发现手动将sps和pps添加到codec_ctx->extradata有效:

  • 很好,只是。我希望当播放器四处运行时,声音继续播放。所以我发现当命令执行时,声音会播放,然后当你移动时,声音会消失,除非你回到执行命令的地方,否则听不到。