如何在Chrome中使用Video.js播放Flash(.flv)视频

Question

我正在使用video.js播放flash(.flv)视频。但是当我按下播放按钮时，视频没有播放？
我已经使用了"techorder:"["flash","html"]。但是没有任何改变。
是否有任何插件可以在videojs中播放flash视频？如何在video.js中播放.flv视频？

- Muhammad Zafar Naeem

Answer 1

您应该使用 flv.js，这是一款纯 JavaScript 写的 HTML5 FLV 播放器，不需要 Flash。

https://github.com/Bilibili/flv.js

您可以创建一个源处理程序，将 flv.js 与 video.js 集成。

- xqq

Answer 2

video.js可以使用Flash技术播放FLV格式的视频。

如果您是自行托管video.js而不是使用CDN，请确保您的swf路径正确，例如：

<script>
  videojs.options.flash.swf = "http://example.com/path/to/video-js.swf"
</script>

请确保在源标签中使用正确的video/x-flv媒体类型：

<source src="http://example.com/video.flv" type='video/x-flv'>

托管FLV的服务器还必须在“Content-Type”标头中返回正确的MIME类型。

示例： http://output.jsbin.com/juvuca

- misterben

---

它在本地主机上运行良好，但在c9.io上无法工作，请帮忙解决这个问题。我正在使用Node.js。 - Muhammad Zafar Naeem

我已经尝试过了，但是没有起作用。当我将我的页面与给定的示例进行比较时，我注意到视频标签被替换为对象标签（在示例页面中），但在我的情况下并没有发生。有人可以帮助我理解我错过了什么吗！ - kalki

很奇怪的是，当打开远程HTML文件时，它可以播放FLV。但是，当我保存了远程HTML并在本地打开时，只有一个巨大的播放按钮，没有其他反应。jsbin上的文件。 - Zen

FLV视频在本地无法播放，您可以查看此链接：https://github.com/videojs/video.js/issues/1461 - gnemoug

这个答案中的示例显示了“找不到此视频的兼容源”。 - Martin Argerami

Answer 3

您可以在此处找到插件- https://github.com/videojs/video.js/wiki/Plugins 不确定这是否有效。

如果无法使用，请也尝试一下 - http：//jsfiddle.net/N8Zs5/18/ 谢谢，Shashi

- Shashi Kiran

Answer 4

有两种方法：

• 纯 html5 技术。你可以使用flv.js，正如用户 @xqq 建议的那样。你可能需要videojs-flvjs将flv.js与video.js集成在一起。

• Flash 技术。你必须安装videojs-flash才能与video.js一起使用。

你可以选择其中一种方法来支持播放flv视频。另外，你也可以同时使用它们，并通过techOrder选项指定它们的顺序。

data-setup='{"techOrder":["html5", "flvjs", "flash"]}'

- user5698801

Answer 5

我对于videojs-flvjs进行了重构以兼容es6模块。https://www.npmjs.com/package/videojs-flvjs-es6

- xlaoyu.Lee

---

截至2022年3月，这是我基于Vue的项目唯一可行的解决方案。它很容易与video.js集成。不错！@xlaoyu.Lee - Kamyar

Answer 6

这个项目可能会对你有所帮助，https://github.com/mister-ben/videojs-flvjs

<!-- Video.js -->
<link href="//path/to/video-js.css" rel="stylesheet">
<script src="//path/to/video.min.js"></script>
<!-- flv.js -->
<script src="//path/to/flv.min.js"></script>
<!-- videojs-flvjs -->
<script src="//path/to/videojs-flvjs.min.js"></script>
<video id="videojs-flvjs-player" class="video-js vjs-default-skin" controls>
  <source src="movie.flv" type='video/x-flv'>
</video>
<script>
  // For v5 the tech must be added to the tech order.
  // For v6 this is not needed.
  videojs('videojs-flvjs-player', {
    techOrder: ['html5', 'flvjs'],
    flvjs: {
      mediaDataSource: {
        isLive: true,
        cors: true,
        withCredentials: false,
      },
      // config: {},
    },
  });
</script>

- Hoonick