Question

我正在使用video.js播放flash（.flv）视频。但是当我按下播放按钮时它不播放视频？我使用了"techorder:"["flash","html"]。但它没有任何区别是否有videojs中的Flash视频插件？如何在video.js中播放.flv视频？

Answer 1

你应该使用flv.js，一个用纯JavaScript编写的HTML5 FLV Player。不需要Flash。

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

您可以创建源处理程序以将flv.js与video.js

集成

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 mime类型：

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

托管FLV的服务器还必须在＆＃39; Content-Type`标头中返回正确的mime类型。

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

Answer 3

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

如果没有尝试这一点 - http://jsfiddle.net/N8Zs5/18/

此致沙市

Answer 4

我将videojs-flvjs重构为可与es6模块兼容。 https://www.npmjs.com/package/videojs-flvjs-es6

Answer 5

两种方式。

纯html5技术。您可以使用flv.js作为用户@xqq建议。您可能需要videojs-flvjs将flv.js与video.js整合在一起。
Flash技术。您必须安装videojs-flash才能使用video.js。

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

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

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>

如何使用chrome中的video.js播放flash（.flv）视频

6 个答案: