在 Chrome、Edge 和 Firefox 中视频有声音但没有图像

Posted

技术标签:

【中文标题】在 Chrome、Edge 和 Firefox 中视频有声音但没有图像【英文标题】:Video have sound but no image in Chrome, Edge & Firefox 【发布时间】:2021-12-16 08:48:04 【问题描述】:

我正在开发一个 WordPress 网站,但我的一些自托管视频遇到了重大问题。我正在将视频上传到 wordpress 媒体库,并在我的帖子中使用 Easy 视频播放器播放它们。有些视频只有音频。我在不同的浏览器中尝试了这些,它们在 android 上的 UC Mini 中运行良好。 Chrome、Edge 和 Firefox 只是在 PC 和移动版本上播放音频。

请帮我解决这个问题。 应该感恩 you can check sample here

【问题讨论】:

【参考方案1】:

您的视频被编码为 MPEG4 - 第 2 部分。这是一种非常古老的格式。我建议使用 h264 编解码器将视频重新编码为 mp4。

在一小时内 - 您可能还需要考虑自适应比特率流式传输 - 以适应不同的屏幕尺寸和不同的网络条件。

【讨论】:

感谢您的回复,我会用h264格式重新编码。 “在一小时内——你可能还想考虑自适应比特率流——以允许不同的屏幕尺寸和不同的网络条件。”我没有明白这一点,请您向我解释一下并指导我如何做到这一点。 Netflix 不发送 mp4。它将视频编码为 HLS,并使用自适应比特率流。这允许视频播放器自动适应播放器大小和网络速度。小屏幕获得更小的视频,大屏幕获得更大的视频。更多详情:api.video/what-is/adaptive-bitrate-streaming

以上是关于在 Chrome、Edge 和 Firefox 中视频有声音但没有图像的主要内容,如果未能解决你的问题,请参考以下文章

在 Chrome、Safari 和 Edge 中显示 flex 对齐不正确,但在 Firefox 中正确

prepend/append 适用于 Chrome 和 Firefox,但不适用于 IE11 和 Edge

ScrollTop 适用于 Chrome 和 Edge,但不适用于 Firefox

为啥这个 LSEP 符号出现在 Chrome 而不是 Firefox 或 Edge 上?

为啥这个 LSEP 符号出现在 Chrome 而不是 Firefox 或 Edge 上?

在防钓鱼网站上,Chrome和Firefox不得不服Edge