web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

814 ℃
           

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://ipkd.cn/webs_12719.html

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

当前位置: 网站首页 > js
本文共计472个字,预计阅读时长4分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款免费开源的屏幕录制软件——OBS Studio
下一篇: 推荐一个高质量的图片素材网站——Unsplash
x 打工人ai神器