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

Question

我正在使用video.js播放 flash(.flv) 視頻。 但是當我按下播放按鈕時它不播放視頻？
我使用了"techorder:"["flash","html"] 。 但這並沒有什么區別。
videojs是否有用於 Flash 視頻的videojs ？ 如何在video.js播放 .flv 視頻？

Answer 1

您應該使用 flv.js，一個用純 JavaScript 編寫的 HTML5 FLV 播放器。 不需要閃光燈。

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 的服務器還必須在“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

兩種方式。

• 純 html5 技術。 您可以按照用戶@xqq 的建議使用flv.js。 您可能需要videojs-flvjs將flv.js與video.js集成在一起。

• 閃光技術。 您必須安裝videojs-flash才能使用video.js 。

您可以選擇其中之一來支持播放 flv 視頻。 此外，您可以同時使用它們並通過techOrder選項指定它們的順序。

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

Answer 5

這個項目可以幫助你， 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>

Answer 6

我重構了 videojs-flvjs 以與 es6 模塊兼容。 https://www.npmjs.com/package/videojs-flvjs-es6