Question

有人可以给我一个关于如何从我的html页面播放flv的简明指示吗？

Answer 1

使用video.js非常简单。你需要做的就是包括js＆amp; css in head＆amp;然后使用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">

Answer 2

围绕它播放Flash播放器，例如Flowplayer。目前没有其他办法;浏览器不能单独呈现FLV。

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

Answer 3

我很确定shadowbox还可以播放FLV文件：http://www.shadowbox-js.com/

设置简洁，简洁且相当简单。

Answer 4

您可以尝试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流推送到Media Source Extensions。它将在HTML元素中显示为带有blob URL的视频标记。

Answer 5

另一个非常受欢迎的Flash播放器是http://www.longtailvideo.com/的JW播放器。他们有一个很好的设置向导，可以生成您需要的代码。

Answer 6

将SWF对象插入HTML并将属性中的FLV指定为将播放的视频。

在HTML中播放flv

6 个答案: