video.js是一个通用的在网页上嵌入视频播放器的 JS 库。它支持HTML5和Flash视频,以及YouTube和Vimeo(通过插件)。它支持在台式机和移动设备上播放视频。
工具/原料
1
editplus
2
浏览器
方法/步骤
1
video.js 支持很多自定义设置视频大小的方式,一种就是在Video标签直接为width、height属性赋值,效果如图
2
除了设置width、height以外还需要在Video标签添加data-setup属性并赋值默认值
3
第二种设置视频的大小的方式,就是在data-setup里面添加videoWidth和videoHeight属性,并赋值想要设置的大小
4
Video.js 的data-setup属性还提供了自适应的功能,只需要在data-setup里面设置fluid 为true即打开了视频自适应大小功能
6
Video.js的videoWidth和videoHeight属性 优先级比aspectRatio 高,所有当两个属性同时存在的时候,aspectRatio 的配置将会失效
上一篇:前端工程师的职业规划