VideoJs使用记录

前言

记录学习使用videoJs时遇到的好文章。

代码记录

videojs()生成video播放器时第二个参数添加小屏播放的代码没作用，比如:

videojs('myVideo',{
      "autoplay": false,
      "controls": true,
      "x5-playsinline": true, // 需单独设置
      "playsinline": true, // 需单独设置
      "webkit-playsinline": true, // 需单独设置
      "poster": posterImg || "",
      sources: [{
        src: url,
        type: "video/mp4"
      }],
      "teachOrder": ['html5'], // 默认，可选flash
      // "flash": { // 如果需要flash，则需要单独配置地址
      //   "swf": "指定地址"
      // }
      "aspectRatio": "16:9" // 播放窗口尺寸
    },function() {
      // 回调函数
      // console.log(this);
    });

其中的

1
2
3

x5-playsinline: true
webkit-playsinline: true
playsinline: true

需要在属性上单独设置，比如：

1	video.attr({id:'myVideo','x5-playsinline':'true','webkit-playsinline': 'true','playsinline': 'true'});

文章记录

video.js使用技巧(其中第五条很实用！)

-------------End，感谢阅读！-------------