跨平台兼容、强大自定义能力、支持广告,JW Player视频播放器本地化源码分享

我之前尝试过许多播放器,包括国内的免费开源播放器DPlayer、字节跳动的西瓜播放器,以及Video.js。但最终我还是觉得JWPlayer更好用,也更符合我的习惯。在我以前发布的WordPress CMS主题KuImg中,我也一直使用的是JW Player,从6.X版本一直使用到现在的最新版本8.30.1。

今天我想分享一下最新版本的本地化源码。虽然我以前在我的博客上分享过老版本的源码,但由于博客重置,老文章已经归档,线上文章也就消失了。

为什么要本地化

JW Player源码默认是从官方云端拉取库文件的,但由于国内特殊的网络环境,导致拉取库文件的速度非常慢。本地化之后加载库文件就快多了。

播放器特色

JW Player是一个流行的视频播放器,具有许多特色,包括:

  1. 跨平台兼容性:JW Player 可以在各种设备上播放视频,包括桌面、移动设备和各种操作系统。
  2. 自定义性:它提供了丰富的自定义选项,可以根据需要调整播放器的外观和行为,包括皮肤、控件和交互方式。
  3. 广告支持:JW Player 允许在视频播放过程中插入广告,包括前置广告、中插广告和后置广告,以帮助视频内容提供者实现盈利。
  4. 高级功能:支持高级功能,如字幕、多音轨、直播流媒体等,满足了各种视频播放需求。
  5. 分析和统计:JW Player 提供了丰富的分析和统计功能,帮助用户了解观众的观看习惯和视频表现。
  6. 安全性:具有安全性特色,如 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下载地址:点我下载

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇