如何在 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。
您应该使用 flv.js,一个用纯 JavaScript 编写的 HTML5 FLV 播放器。不需要闪光灯。
https://github.com/Bilibili/flv.js
您可以创建一个源代码处理程序以将 flv.js
与 video.js
集成
两种方式。
纯html5技术。可以一起使用flv.js as user @xqq suggest. You may need videojs-flvjs to integrate flv.js with video.js
闪存技术。您必须安装 videojs-flash 才能使用 video.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
我正在使用 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。
您应该使用 flv.js,一个用纯 JavaScript 编写的 HTML5 FLV 播放器。不需要闪光灯。
https://github.com/Bilibili/flv.js
您可以创建一个源代码处理程序以将 flv.js
与 video.js
两种方式。
纯html5技术。可以一起使用flv.js as user @xqq suggest. You may need videojs-flvjs to integrate flv.js with video.js
闪存技术。您必须安装 videojs-flash 才能使用
video.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