用html播放flv答案

【问题标题】：play flv in html用html播放flv
【发布时间】：2011-01-15 23:14:48
【问题描述】：

谁能简要说明我如何从我的html页面播放flv？

【问题讨论】：

也许这会有所帮助：stackoverflow.com/questions/99406/…

标签： html flv

【解决方案1】：

在其周围包裹一个 Flash 播放器，例如 Flowplayer。目前没有其他办法；浏览器不能只自己渲染 FLV。

请参阅installation guide for Flowplayer，逐步了解如何将视频直接放入 HTML。

【讨论】：

好的，flowplayer 谢谢..这意味着什么？那么用户可以使用 Flash 播放器观看视频吗？
是的。 Flowplayer 是一个 Flash 文件，用于播放视频并在其周围放置控件（播放、暂停、音量等）。它需要 Flash 插件，但如果你有 FLV 文件，你别无选择。
很高兴它成功了 :) 如果它解决了问题，请务必点击答案旁边的复选标记，以便发帖者获得信用 :)

【解决方案2】：

在您的 HTML 中插入一个 SWF 对象，并将属性中的 FLV 指定为将要播放的视频。

【讨论】：

在您的 HTML 中插入一个 SWF 对象，并将属性中的 FLV 指定为将要播放的视频您需要更简洁一些吗？
查看我的回答 - 这意味着您必须将基于 Flash 的视频播放器（SWF 文件）嵌入到您的 HTML 代码中，并告诉它 FLV 视频在您的服务器上的位置。您不能直接嵌入 FLV 文件。

【解决方案3】：

另一个非常流行的 Flash 播放器是 JW Player，地址为 http://www.longtailvideo.com/。他们有一个很好的设置向导，可以生成你需要的代码。

【讨论】：

【解决方案4】：

我相当肯定 shadowbox 也可以播放 FLV 文件：http://www.shadowbox-js.com/

它干净、简洁且设置相当简单。

【讨论】：

Shadowbox 看起来很棒。它实现了我想要的灯箱效果，商业许可证只需 20 美元，而 JW Player 为 90 美元，FLVPlayer.com 商业许可证为 60 美元。
更正：shadowbox 实际上使用了 JW Player，如果您打算将其用于商业目的，您仍然需要购买 JW Player。我真的不明白为什么会有免费/便宜的 Flash 视频播放器。我不需要任何花哨的东西，只要简单干净。

【解决方案5】：

使用 video.js 非常简单。您需要做的就是在 head 中包含 js 和 css，然后使用 html5 代码：

<head>
    <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
    <video id="video1" class="video-js vjs-default-skin" width="640" height="480"
        data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
        <source src="video1.flv" type="video/x-flv">
    </video>
</body>

更多详情：http://videojs.com/ 实际上，我没有找到有关播放 flv 文件的信息。但它工作正常。 :)

您可以使用 video.js 使用其他视频格式，您只需将类型更改为...

<source src="..." type="video/mp4">

此外，您的浏览器可能存在一些问题，您的浏览器是否支持 .mp4 格式，我无法在 chrome 中播放 .mp4，但在 firefox 中可以正常播放。尝试使用不同格式的相同视频添加更多来源。喜欢...

<source src="video1.mp4" type="video/mp4">
<source src="video1.ogg" type="video/ogg">
<source src="video1.webm" type="video/webm">

【讨论】：

这只是给了我黑色矩形。
因为这是解释如何播放其他所有内容，而不是 flv

【解决方案6】：

你可以试试https://github.com/Bilibili/flv.js

使用 flv.js，您将获得：

用于 flv 视频的纯 HTML5 + JavaScript 视频播放器
用于 http-flv 流的纯 HTML5 + JavaScript LiveStream 播放器
完美体验
比 H.264 视频更小

Flv.js 使用 MSE（媒体源扩展），因此它只能在 Chrome 43+、Firefox 上可用，但不能在 Apple / iOS Safari 上使用。

Flv.js 瞬间将 flv 流转换为 H.264 流，然后将 H.264 流推送到媒体源扩展。它将在 HTML 元素中显示为带有 blob URL 的视频标签。

【讨论】：