如何在 HTML 视频标签中播放 FLV 视频？

Posted 2023-02-16

【中文标题】如何在 HTML 视频标签中播放 FLV 视频？

【英文标题】：How to Play FLV Video in HTML Video tags?

【发布时间】：2013-08-27 03:58:04

【问题描述】：

我看过一些播放器，比如 Flow Player、JW Player 等等，但我无法让它在 php 代码中完全正常工作。

有没有办法在 html 视频标签中播放 FLV？

我知道 MP4 和 OGG 文件会，但我正在处理的东西会生成 FLV 文件。

【问题讨论】：

.flv 不是受支持的 HTML 视频标签格式。 List of supported formats for video elements.

***.com/questions/2248800/play-flv-in-html看看这个

试试 flv.js https://github.com/Bilibili/flv.js ，它在我的项目上运行良好。

【参考方案1】：

您应该从www.videojs.com 中查看video.js 我一直在使用它流式传输实时视频源。它像这样模仿视频标签：

<video id="example_video_1" class="video-js vjs-default-skin"
 controls preload="auto"  
 poster="http://video-js.zencoder.com/oceans-clip.png"
 data-setup='"example_option":true'>
<source src="rtmp://localhost/live/test" type="rtmp/flv">
</video>

对我来说效果很好。

【讨论】：

vjs.Flash.formats = 'video/flv': 'FLV', 好像是用flash播放器播放flv文件的。

@Ron: 显示播放视频/flv 的示例，请不要使用 rtmp/flv

不.. 实际上正确的媒体类型是video/x-flv

【参考方案2】：

您可以考虑使用其他一些能够播放 FLV 文件的播放器；除非您使用某种 Flash 播放器，否则已知的浏览器（Chrome、Firefox 等）无法运行 FLV 文件。

如果您使用的是 PHP，您可能想要使用 Flash 播放器！使用 Adob​​e Flash Player，不要害羞！ YouTube 和许多其他网站都在使用它。

你也可以尝试坚持你已经尝试过的flayers。

您可以将视频转换为 MP4 或 OGG 格式。这样每个浏览器都可以使用 HTML5 <video></video> 标签播放视频文件。

但请记住：每个浏览器都有其播放视频文件的限制；你可以在这里阅读浏览器支持：Mozilla Developer Network

【讨论】：

为什么“如果您使用的是 PHP”？我看不出后端语言和前端视频客户端之间有任何关系

【参考方案3】：

用 Flash 播放。我认为这是唯一的方法：http://css-tricks.com/forums/topic/how-to-play-flv-in-html5/

【参考方案4】：

您可以使用flv.js 或MediaElement.js（将在下面使用flv.js）来实现，但支持仅限于包含H.264 视频和AAC/MP3 音频的FLV。

使用MediaInfo 软件或您喜欢的视频播放器检查您的 FLV 中使用了哪些编解码器。

如果你里面有H.264 + AAC，你也可以无损地转换成MP4，无需重新编码：

ffmpeg -i input.flv -codec copy output.mp4

【参考方案5】：

从技术上讲，HTML5 视频规范与编解码器/协议无关，因此可以想象对 flv 文件的支持是可能的。问题是：主要的网络浏览器都没有实现它（可能是因为 flv 是 Adob​​e 的专有容器）。您将需要一个 Flash 组件来播放它。您提到的播放器之一，或者如果您正在寻找独立的免费 Flash 播放器，请尝试 Adob​​e 的 strobe。你可以试试here。

如果您可以生成 .f4v 文件，您可能会成功地将它们重命名为 mp4，然后尝试在 HTML5 视频标签中播放它们。