页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

简单实用的HTML5视频播放器ArtPlayer

播放器 HTML我帮您 1月前  次浏览

简单实用的HTML5视频播放器ArtPlayer

支持VTT和SRT字幕

支持视频质量切换
支持自定义控件、层、上下文菜单、设置
支持播放速率、纵横比、翻转、窗口全屏或网页全屏调整
支持与其他依赖项的集成,如:flv.js、hls.js、dash.js、shaka player、webtorrent
支持Chrome本机图片模式自定义图片
支持缩略图并在进度栏中突出显示
支持保持原始视频比例,自适应大小
支持丰富的自定义事件监控,易于扩展
支持控制国际化
支持自定义插件
支持本地视频预览
支持字幕时间偏移

支持屏幕截图


Install with npm

$ npm install artplayer

Or install with yarn

$ yarn add artplayer
import Artplayer from 'artplayer'; import 'artplayer/dist/artplayer.css';

Or umd builds are also available

<link rel="stylesheet" href="path/to/artplayer.css" />
<script src="path/to/artplayer.js">script>

Will expose the global variable to window.Artplayer.

Usage

<div class="artplayer-app">div>
var art = new Artplayer({
    container: '.artplayer-app',
    url: 'path/to/video.mp4',
});


相关链接

发表评论