视频播放插件video.js–插件推荐3

HTML5支持媒体播放,如音频audio,视频video,但是默认样式比较丑,并且兼容性比较差,这里推荐一个视频插件video.js

1 页面引用视频资源

2 初始化

两种方式:

  1. 标签方式,在video上加 class="video-js"data-setup='{}',缺一不可
  2. js方式

3 设置视屏标题

标题样式,可以自己修改

4 视频播放按钮

默认是放在左上角,可以居中放置,使用css默认居中样式就可以了

5 设置视频播放速度

6 播放/暂停

总结:video.js插件支持很多原生的属性,可以结合着原生来,因为很多浏览器视频兼容性比较差,像微信分享链接里面的视频,就无法自动播放,必须手动点击才可以播放;还有就是QQ里面的视频播放完后会出现广告推送,这一页也是无法跳过的。我自己也在探索学习,后期遇到再更!

推荐阅读:https://www.jianshu.com/p/06336ed5d66d

 

欢迎转载,转载需带着文章出处链接~~

视频播放插件video.js–插件推荐3》有1个想法

发表评论

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据