下面是我给大家整理的video.js使用笔记，这里简单的对官方的英文参数列表做了一个简单说明，并写了一Jquery的适配调用。
/**
* Created by wuxp on 2017/4/26.
* Jquery video
*/(function ($) { if (videojs === undefined) {
console.error("请导入video.js!"); return;
} /**
* 仅支持选择器选中的第一个元素
* @param options videoJs配置 具体请参考 http://docs.videojs.com/tutorial-options.html
* @param ready
* @return videoJs的原生对象
*/
$.fn.videoJs = function (options,ready) { var video = this.eq(0)[0]; var player = videojs(video, options,ready); return player;
};
})(jQuery);
$(document).ready(function () { var player = $("video[data-video='example_video_1']").videoJs({ /**
* 自动播放：true/false
* 参数类型：Boolean
**/
autoplay: false, /**
* 是否显示底部控制栏：true/false
* 参数类型：Boolean
**/
controls: true, /**
* 视频播放器显示的宽度
* 参数类型：String|Number
* 例如：200 or "200px"
**/
width: 300, /**
* 视频播放器显示的高度
* 参数类型：String|Number
* 例如：200 or "200px"
**/
height: 300, /**
* 将播放器置于流体模式下，计算播放器动态大小时使用该值。
* 该值应该是比用冒号隔开的两个数字（如“16:9”或“4:3”）。
* 参数类型：String
**/
//aspectRatio:"1:1",
/**
* 是否循环播放:true/false
* 参数类型：Boolean
**/
loop: false, /**
* 设置默认播放音频：true/false
* 参数类型：Boolean
**/
muted: false, /**
* 建议浏览器是否在加载上面是我整理给大家的video.js使用笔记，希望今后会对大家有帮助。
相关文章：
