Tiny Player JS视频播放器搭建示例

899 ℃

Tiny Player是一款极简的视频播放器JS库,内置硬件解码和软视频解码功能,支持原生控件风格和自定义控件风格,在很小的体积内实现所有视频播放功能。

安装脚手架

# 使用 npm:
npm i tiny-player
# 使用 Yarn:
yarn add tiny-player
# 使用 Pnpm:
pnpm add tiny-player

在项目中调用

import TinyPlayer from 'tiny-player'

const tp = new TinyPlayer({
  container: document.getElementById('tiny-player'),
  src: 'demo.mp4',
})

或者直接引入 <script> 标签

<div id="tiny-player"></div>
<script src="tiny-player.min.js"></script>
<script>
  const tp = new TinyPlayer({
    container: document.getElementById('tiny-player'),
    src: 'demo.mp4',
  })
</script>

一个极简的视频播放器JS库——Tiny Player

Tiny Player中文文档官网介绍

标签: JS视频播放器, Tiny Player

上面是“Tiny Player JS视频播放器搭建示例”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_12719.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
Vue动态绑定类时出现“空类”怎么办
在mysql中如何查文件记录数据库操作日志
php利用函数去掉字符串的第一个点字符
wordpress如何调用站外文章
php利用微信小程序实现pdf文件的预览功能