videojs github官网地址
官方文档地址

这里简单的对官方的英文参数列表做了一个简单说明,并写了一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>元素时开始下载视频数据。* 预加载:preload* 参数类型:String* 参数值列表:* auto:立即加载视频(如果浏览器支持它)。一些移动设备将不会预加载视频,以保护用户的带宽/数据使用率。这就是为什么这个值被称为“自动”,而不是更确凿的东西* metadata:只加载视频的元数据,其中包括视频的持续时间和尺寸等信息。有时,元数据会通过下载几帧视频来加载。* none:*/preload: "metadata",/*** 视频开始播放前显示的图像的URL。这通常是一个帧的视频或自定义标题屏幕。一旦用户点击“播放”图像就会消失* 参数类型:String**/// poster:"",/*** 要嵌入的视频资源url,The source URL to a video source to embed.。* 参数类型:String**/// src:"",/*** 此选项从组件基类继承。* 参数类型:Array|Object**///  children:[],/*** 是否自适应布局* 播放器将会有流体体积。换句话说,它将缩放以适应容器。* 如果<video>标签有“vjs-fluid”样式时,这个选项会自动设置为true。* 参数类型:Boolean**/fluid: false,/*** 闲置超时* 值为0表示没有* 参数类型:Number**/inactivityTimeout: 0,/*** 语言* 参数类型:String* 支持的语言在lang目录下*/language: 'zh-CN',/*** 语言列表* 参数类型:Object* 自定义播放器中可用的语言* 注:一般情况下,这个选项是不需要的,最好是通过自定义语言videojs。addlanguage().*/languages: "",/*** 是否使用浏览器原生的控件* 参数类型:Boolean*/nativeControlsForTouch: false,/*** 是否允许重写默认的消息显示出来时,video.js无法播放媒体源* 参数类型:Boolean*/notSupportedMessage: false,/*** 插件* 参数类型:Object*/plugins: {},/*** 资源排序* 参数类型:Boolean* 在video.js 6,这个选项将默认为true,* videojs Flash将被要求使用Flash技术*///        sourceOrder:false,/*** 资源列表* 参数类型:Array*/
//            sources: [{
//                src: '//path/to/video.flv',
//                type: 'video/x-flv'
//            }, {
//                src: '//path/to/video.mp4',
//                type: 'video/mp4'
//            }, {
//                src: '//path/to/video.webm',
//                type: 'video/webm'
//            }],/*** 使用播放器的顺序* 参数类型:Array* 下面的示例说明优先使用html5播放器,如果不支持将使用flash*///techOrder: ['html5', 'flash'],/*** 允许重写默认的URL vtt.js,可以异步加载到polyfill支持WebVTT。* 此选项将在“novtt”建立video.js(即video。novtt js)。否则,vtt.js捆绑video.js。* 参数类型:String*/// "vtt.js":""}, function () {});console.log(player);console.log(player.bigPlayButton.controlTextEl_)});

入门级别参考,更多支持可以查看官方文档。

video.js API 详解相关推荐

  1. H5的新特性及API详解(很惊人)

    H5的新特性及API详解(很惊人) 2017-01-20 17:00 4057人阅读 评论(0) 收藏 举报  分类: h5(11)  js函数(64)  js技巧(15)  版权声明:本文为博主原创 ...

  2. Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(一)

    Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(一) 本文目录: 一.[旋转的精灵女孩]案例运行效果 二.Three.js简介 三.Three.js代码正常运行显示条件 (1)不载入 ...

  3. ext核心API详解

    http://hi.baidu.com/j2me/profile 1 EXT核心API详解(一)-Ext 1 EXT核心API详解(二)-Array/Date/Function/Number/Stri ...

  4. HTML5新API详解之历史、地理位置处理、全屏处理

    历史 界面上的所有JS操作不会被浏览器记住,就无法回到之前的状态. 在HTML5中可以通过 window.history 操作访问历史状态,让一个页面可以有多个历史状态 window.history对 ...

  5. 百度PaddleOCR及云平台OCR API详解及示例

    百度PaddleOCR及云平台OCR API详解及示例 目录 百度PaddleOCR及云平台OCR API详解及示例 使用百度开源的PaddleOCR 多个开源代码库比较

  6. Java 8 Stream API详解--转

    原文地址:http://blog.csdn.net/chszs/article/details/47038607 Java 8 Stream API详解 一.Stream API介绍 Java 8引入 ...

  7. 【小白学PyTorch】扩展之Tensorflow2.0 | 21 Keras的API详解(下)池化、Normalization

    <<小白学PyTorch>> 扩展之Tensorflow2.0 | 21 Keras的API详解(上)卷积.激活.初始化.正则 扩展之Tensorflow2.0 | 20 TF ...

  8. Android复习14【高级编程:推荐网址、抠图片上的某一角下来、Bitmap引起的OOM问题、三个绘图工具类详解、画线条、Canvas API详解(平移、旋转、缩放、倾斜)、矩阵详解】

    目   录 推荐网址 抠图片上的某一角下来 8.2.2 Bitmap引起的OOM问题 8.3.1 三个绘图工具类详解 画线条 8.3.16 Canvas API详解(Part 1) 1.transla ...

  9. EXT核心API详解(二)-Array/Date/Function/Number/String

    EXT核心API详解(二)-Array/Date/Function/Number/String Array类 indexOf( Object o )  Number object是否在数组中,找不到返 ...

最新文章

  1. 如何删除VS2015中的OpenCV的配置
  2. c语言编写一个函数判断闰年,C语言:实现一个函数判断year是不是闰年
  3. SpringCloud学习笔记010---杂七杂八004:Spring中Bean及@Bean的理解
  4. [Regular] 4、正则表达式的匹配原理原则
  5. 论文中的三线表绘制(word)
  6. 华三comware跳槽_走进网络操作系统——Comware软件架构浅谈
  7. sqlite可视化工具sqliteman的问题
  8. Qt表格分页,跳转,首尾页
  9. 08-HTML5详解(二)
  10. mac系统node安装指定版本
  11. MinGW-w64下载安装2024年最新教程
  12. android 文档生成工具,word文档制作生成
  13. 人工智能生成 logo 神器
  14. 虚幻引擎学习笔记——Month1 Week2
  15. Flink流式计算从入门到实战 二
  16. 2014美国大学计算机科学专业排名,2014年美国大学计算机科学专业排名.doc
  17. java race condition_java 多线程下race condition问题
  18. 苹果cmsV10 MXone Pro自适应2.0影视模板源码下载
  19. 尚硅谷webpack知识点梳理
  20. 局域网下两台电脑之间的文件传输

热门文章

  1. 基于PCF8591芯片的使用
  2. python 3.5 urllib
  3. 1053: 正弦函数
  4. 【冰糖R语言】Shiny简单笔记
  5. (转)《达·芬奇密码》解读解密
  6. osg学习(四十八)Windows Error #2000
  7. 京东秒杀程序定时自动抢购茅台,原来我们一直抢不到是有原因的!(完整源码在文末)
  8. JavaScript制作简易聊天窗口
  9. 配置Beyond Compare 4作为git mergetool来解决git merge命令导致的文件冲突
  10. 2020(第十六届)北京汽车展览会-以Tesla为参考标的分析