videojs的flash和html5,videojs-flash

videojs-flash

videojs-flash.svg?branch=master

videojs-flash.svg

badge.svg

11cc0c0d6eb49d9ec4788e3bd6510d47.png

The official flash tech for the videojs player.

NOTE: This should only be used with Video.js >= 6.0.0 as the flash tech is build into versions before that!

Table of Contents

Installation

npm install --save videojs-flash

The npm installation is preferred, but Bower works, too.

bower install --save videojs-flash

You can also use it via a CDN:

Adding the Flash Tech to video.js

To include videojs-flash on your website or web application, use any of the following methods.

This is the simplest case. Get the script in whatever way you prefer and include the tech after you include video.js, so that the videojs global is available.

var player = videojs('my-video');

Browserify

When using with Browserify, install videojs-flash via npm and require the tech as you would any other module.

var videojs = require('video.js');

// The actual tech function is registered to video.js automatically; so, there

// is no need to assign it to a variable.

require('videojs-flash');

RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require the tech as you normally would:

require(['video.js', 'videojs-flash'], function(videojs) {

var player = videojs('my-video');

});

Force Flash playback

By default techs are used in the order in which they are registered. This means that the HTML5 tech that is buildin to video.js is going to be registered first and thus prioritized. To change this you will have to change the techOrder option on video.js. See examples below

NOTE: video.js and flash are already included in these example

Prioritize the flash tech over the HTML5 tech, but fallback to the HTML5 tech if the Flash tech does not work.

videojs('some-video-id', {techOrder: ['flash', 'html5']});

If you don't want to fallback to the HTML5 and only want to use the Flash tech you can do this:

videojs('some-video-id', {techOrder: ['flash']});

See the video.js docs for additional information and other ways to set options in video.js

See the video.js docs for additional information on the techOrder option.

License

Apache-2.0. Copyright (c) Brightcove, Inc.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值