blocks|key|1939363|text|在它周围包裹一个flash播放器，比如Flowplayer。目前没有其他方法；浏览器不能只呈现FLV本身。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1939364|查看installation+guide+for+Flowplayer，一步一步地告诉你如何将视频直接放入你的超文本标记语言中。|1939365|entityMap|0|LINK|mutability|MUTABLE|url|http://flowplayer.org/|1|http://flowplayer.org/documentation/installation/index.html^0|J|A|0|0|2|X|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Wrap a flash player around it, such as <a href="http://flowplayer.org/" rel="noreferrer">Flowplayer</a>. There currently is no other way; browsers can't just render an FLV by itself.

See the <a href="http://flowplayer.org/documentation/installation/index.html" rel="noreferrer">installation guide for Flowplayer</a>, taking you step-by-step on how to place the video directly into your HTML.

blocks|key|1939394|text|将SWF对象插入到HTML中，并将属性中的FLV指定为要播放的视频。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1939395|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Insert an SWF object into your HTML and assign the FLV in the attributes as the video that will play.

blocks|key|5468349|text|另一个非常流行的Flash播放器是http://www.longtailvideo.com/上的JW播放器。他们有一个很好的安装向导，可以生成你需要的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5468350|entityMap|0|LINK|mutability|MUTABLE|url|http://www.longtailvideo.com/^0|H|T|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Another really popular Flash player is the JW Player, at <a href="http://www.longtailvideo.com/" rel="nofollow noreferrer">http://www.longtailvideo.com/</a> . They have a nice setup wizard that generates the code you need.

blocks|key|1586701|text|我相当确定shadowbox也可以播放FLV文件：http://www.shadowbox-js.com/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1586702|它是干净的，最小的和相当简单的设置。|1586703|entityMap|0|LINK|mutability|MUTABLE|url|http://www.shadowbox-js.com/^0|P|S|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

I'm fairly certain that shadowbox can also play FLV files: <a href="http://www.shadowbox-js.com/" rel="nofollow">http://www.shadowbox-js.com/</a>

It's clean, minimal and fairly simple to setup.

blocks|key|5468475|text|有了video.js，一切都很简单。您所需要做的就是在head中包含js+&+css，然后使用html5代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5468476|<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>|code-block|syntax|javascript|5468477|更多细节：http://videojs.com/实际上，我没有找到关于播放flv文件的指定信息。但它工作得很好。:)|offset|length|5468478|您可以使用video.js使用其他视频格式，所有您需要更改的是类型为...|5468479|<source+src="..."+type="video/mp4">|5468480|此外，你的浏览器可能会有一些问题，你的浏览器支持.mp4格式吗，我不能在chrome中播放.mp4，但它在火狐中工作得很好。尝试以不同格式添加具有相同视频的更多源。比如..。|5468481|<source+src="video1.mp4"+type="video/mp4">
<source+src="video1.ogg"+type="video/ogg">
<source+src="video1.webm"+type="video/webm">|5468482|entityMap|0|LINK|mutability|MUTABLE|url|http://videojs.com/^0|0|0|5|J|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@$I|13|J|14|1|15]]|A|$]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

With video.js its very easy. All you need to do is include js &amp; css in head &amp; then use html5 code as:

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

For further details: <a href="http://videojs.com/" rel="noreferrer">http://videojs.com/</a>
Actually, I did not find information specified about playing flv files. But it works fine. :)

You can use other video formats using video.js all you need to change is type as...

<pre><code>&lt;source src="..." type="video/mp4"&gt;
</code></pre>

Moreover, there might some issue regarding your browser, does your browser support the .mp4 format, I could not play .mp4 in chrome, but it works fine in firefox. Try adding more sources with same video in different formats. Like...

<pre><code>&lt;source src="video1.mp4" type="video/mp4"&gt;
&lt;source src="video1.ogg" type="video/ogg"&gt;
&lt;source src="video1.webm" type="video/webm"&gt;
</code></pre>

blocks|key|1939541|text|你可以试试https://github.com/Bilibili/flv.js|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1939542|使用flv.js，您将获得：|1939543|1939544|纯HTML5+%2B+JavaScript视频播放器|unordered-list-item|1939545|纯HTML5+%2B+JavaScript+LiveStream+Player的http-flv视频大小优于H.264视频|1939546|1939547|Flv.js使用MSE+(媒体源扩展)，因此它只能在Chrome+43%2B和火狐浏览器上使用，而不能在苹果/+iOS+Safari上使用。|1939548|Flv.js即时将flv流转换成H.264流，然后将H.264流推送到媒体源扩展。它将显示为带有blob+URL的HTML元素中的视频标记。|1939549|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Bilibili/flv.js^0|5|Y|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|13|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|14|8|@]|9|@]|C|$]]|$1|J|3|K|5|I|7|15|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

You can try <a href="https://github.com/Bilibili/flv.js" rel="nofollow noreferrer">https://github.com/Bilibili/flv.js</a>

With flv.js, You'll get:

<ul>
<li>Pure HTML5 + JavaScript Video Player for flv videos</li>
<li>Pure HTML5 + JavaScript LiveStream Player for http-flv streams</li>
<li>Flawless experience</li>
<li>Smaller size than H.264 Videos</li>
</ul>

Flv.js utilizes MSE (Media Source Extensions) therefore it'll only be available on Chrome 43+, Firefox but not Apple / iOS Safari.

Flv.js instantaneously transmuxes flv streams to H.264 streams and then push the H.264 stream to Media Source Extensions. It'll display as a video tag in HTML Element with a blob URL.

Can anyone give a concise instruction on how I can have a flv play from my html page please?

play flv in html

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

谁能给我一个简洁的指令，我可以有一个flv播放从我的html页面？

问在html中播放flv
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html中播放flvEN