我之前尝试过许多播放器,包括国内的免费开源播放器DPlayer、字节跳动的西瓜播放器,以及Video.js。但最终我还是觉得JWPlayer更好用,也更符合我的习惯。在我以前发布的WordPress CMS主题KuImg中,我也一直使用的是JW Player,从6.X版本一直使用到现在的最新版本8.30.1。
今天我想分享一下最新版本的本地化源码。虽然我以前在我的博客上分享过老版本的源码,但由于博客重置,老文章已经归档,线上文章也就消失了。
为什么要本地化
JW Player源码默认是从官方云端拉取库文件的,但由于国内特殊的网络环境,导致拉取库文件的速度非常慢。本地化之后加载库文件就快多了。
播放器特色
JW Player是一个流行的视频播放器,具有许多特色,包括:
- 跨平台兼容性:JW Player 可以在各种设备上播放视频,包括桌面、移动设备和各种操作系统。
- 自定义性:它提供了丰富的自定义选项,可以根据需要调整播放器的外观和行为,包括皮肤、控件和交互方式。
- 广告支持:JW Player 允许在视频播放过程中插入广告,包括前置广告、中插广告和后置广告,以帮助视频内容提供者实现盈利。
- 高级功能:支持高级功能,如字幕、多音轨、直播流媒体等,满足了各种视频播放需求。
- 分析和统计:JW Player 提供了丰富的分析和统计功能,帮助用户了解观众的观看习惯和视频表现。
- 安全性:具有安全性特色,如 DRM(数字版权管理)支持,以确保视频内容的安全性和版权保护。
JW Player除了拥有跨平台兼容、强大自定义能力和广告支持等特色外,还拥有丰富的API接口。对于想深入了解的同学,建议前往官网进行详细研究。这些特点使得JW Player成为许多网站和应用程序首选的视频播放器之一。另外,JW Player不仅支持m3u8格式的流媒体文件,还支持mpd格式,为用户提供了更多选择。
官方开发文档地址:https://docs.jwplayer.com/platform/docs
JW Player示例代码
<!DOCTYPE html>
<html>
<head>
<title>JWPlayer Example</title>
<!-- 把下面8.30.1改成你的JW Player的存储路径 -->
<script>window.pluginPath="8.30.1";</script>
<script type="text/javascript" src="8.30.1/jwplayer.js"></script>
</head>
<body>
<div id="myPlayer"></div>
<script>
document.addEventListener("DOMContentLoaded", function() {
var player = jwplayer("myPlayer");
// your_jwplayer_license_key改为你的JW Player密钥
player.setup({
file: "https://example.com/path_to_your_video.mp4",
width: "100%",
aspectratio: "16:9",
key: "your_jwplayer_license_key"
});
});
</script>
</body>
</html>
源码下载
最新版JW Player8.30.1下载地址:点我下载