用html播放flv
Posted
技术标签:
【中文标题】用html播放flv【英文标题】：play flv in html 【发布时间】：2011-01-15 23:14:48 【问题描述】：谁能简要说明我如何从我的html页面播放flv？
【问题讨论】：
也许这会有所帮助：***.com/questions/99406/… 【参考方案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"
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 的视频标签。
【讨论】：
以上是关于用html播放flv的主要内容，如果未能解决你的问题，请参考以下文章
通过Vue+flvjs在HTML5中播放flv格式视频文件—demo及api