如何在 chrome 中使用 video.js 播放 flash(.flv) 视频

how to play flash(.flv) video using video.js in chrome

我正在使用 video.js 播放 flash(.flv) 视频。但是当我按下播放按钮时它不播放视频?
我已经用了"techorder:"["flash","html"]。但这没什么区别。
videojs 中是否有用于 flash 视频的插件?如何在 video.js 中播放 .flv 视频?

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

如果不行也试试这个 -http://jsfiddle.net/N8Zs5/18/

此致, 沙市

video.js可以在Flash技术中播放FLV

如果您 self-hosting video.js 而不是使用 CDN,请确保您的 swf 路径正确,例如

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

确保在源标记中使用正确的 video/x-flv mime 类型:

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

托管 FLV 的服务器还必须 return ‘Content-Type` header 中的正确 MIME 类型 header。

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

您应该使用 flv.js,一个用纯 JavaScript 编写的 HTML5 FLV 播放器。不需要闪光灯。

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

您可以创建一个源代码处理程序以将 flv.jsvideo.js

集成

两种方式。

您可以选择其中之一来支持播放flv视频。此外,您可以同时使用它们并通过 techOrder 选项指定它们的顺序。

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

这个项目可能对你有帮助,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>

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