介绍
Video.js 是一个基于 HTML5 世界构建的网络视频播放器。 它支持HTML5和Flash视频，还可以通过插件支持全球最流行的视频网站。 支持台式机和联通设备上的视频播放。 该项目于 2010 年中期开始，如今该播放器已在超过 400,000 个网站上使用，可见其受欢迎程度，因此它可能真的是您仍在寻找的网络视频播放器！ Github 上也有超过 20k+ star！
Github地址
快速开始
您可以通过多种方式使用它，无论是使用 CDN 还是下载静态资源文件，也可以通过使用 npm 安装来获取：
npm install video.js
接下来，使用 Video.js 就像创建元素一样简单，但具有附加的数据设置属性。 也就是一个配置对象，下面的代码是最简单的例子：
当页面加载时，Video.js 将找到该元素并手动将播放器设置在其位置。 如果不想使用手动设置，则可以不使用 data-setup 属性并使用 videojs 函数自动初始化元素：
var player = videojs('my-player');
相关反弹函数
var options = {};
var player = videojs('my-player', options, function onPlayerReady() {
videojs.log('Your player is ready!');
this.play();
this.on('ended', function() {
videojs.log('Awww...over so soon?!');
});
});
详细的文档
Video.js的文档相当详细html5播放器下载，本文的长度应该不会太长。 如果你已经对此感兴趣，那么你可以根据文档进行研究。 因为它的功能非常强大，所以相应的文档也非常详细。 ，分为详细的API文档和学习手册，通过阅读文档来实现你想要的功能（下面是一个简单的截图，使用浏览器自带的翻译功能，简单易懂）：
演示预览
官网还提供了一些供中级使用的demo。 下面是一个带有播放列表的示例（这个示例不足以显示其威力）：
可切换视频
画中画
丰富的菜单按钮工具（包括音频、多语言等设置），支持英文语言包
不仅有上面的demo展示，还包括自定义皮肤、React中的使用、插件等功能，可以说非常丰富，比内置的Video标签功能丰富了无数倍。 有视频网站开发的同学可以尝试一下使用一下，相信会对你有所帮助！
总结
插件有几万个，但好用的并不多，而且比较复杂。 它们要么是收费的，要么是功能不够强大，而很多开发者贡献了开源项目供开发者使用html5播放器下载，这就造就了今天技术的蓬勃发展。 Video .js 只是其中之一。 本文就提出了这样一个必须点赞的插件。 其详细内容还远不止于此。 如果有兴趣，可以阅读相关文档进行学习。 如果您有更好的建议，也可以在评论区留言分享，希望对您有所帮助！
发表评论