知乎视频播放器名叫“Griffith ”是一个基于 React 的HTML5视频播放器，目前已在知乎 web 和 mobile web 内使用，并在 GitHub 上开源。

GitHub地址：https://github.com/zhihu/griffith

CodeSandbox 示例：https://codesandbox.io/s/74olr5z02x

界面UI展示：

知乎视频播放器
知乎视频播放器

流式播放：知乎视频播放器使用了 Media Source Extensions™ ，支持对 mp4 和 m3u8 格式的视频进行流式播放。

  • 预加载策略： Griffith 可以通过 MSE 动态控制视频加载进度，以达到节省视频 CDN 带宽等目地。
  • 动态平滑切换清晰度：Griffith 可以通过 MSE 实现动态平滑切换视频清晰度。

使用方法：

1.新建PHP文件，命名为“Player.php”为复制下方代码到其中

隐藏内容
本内容需权限查看
  • 注册用户: 1积分
  • VIP会员: 1积分
  • 永久会员: 免费
已有2人解锁查看

2.上传我们新建的“Player.php”，调用即可，如：

http://你的网址/Player.php?url=你的MP4视频地址

这里我们简单的介绍一下standalone 模式，细节使用大家可参考开源库说明，我们这里就不放源文件了。

1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定，不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益，请联系我们进行处理。