ArtplayerH5播放器-Demo JS

ArtplayerH5播放器-Demo JS

1. var art = new Artplayer({
   
2.   container: undefined, // 父元素
   
3.   url: "", // 视频地址
   
4.   title: "", // 视频标题
   
5.   volume: 0.7, // 视频默认音量
   
6.   theme: "#ffad00", // 播放器主题颜色
   
7.   aspectRatio: true, // 是否开启宽高比自适应
   
8.   autoSize: false, // 是否自动填充容器
   
9.   screenshot: true, // 是否开启截图功能
   
10.   setting: true, // 是否开启设置菜单
    
11.   flip: true, // 是否开启视频翻转
    
12.   playbackRate: true, // 是否开启视频播放速率
    
13.   loop: false, // 是否循环播放
    
14.   autoplay: false, // 是否自动播放
    
15.   muted: false, // 是否开始禁音
    
16.   hotkey: true, // 是否开启视频快捷键  
    
17.   fullscreen: true, // 是否允许全屏
    
18.   fullscreenWeb: true, // 是否允许页面全屏  
    
19.   preload: "auto", // 预载入视频空间
    
20.   volumeBar: true, // 是否开启音量调节
    
21.   controlBar: true, // 是否开启控制条
    
22.   subtitle: [], // 字幕列表
    
23.   highlight: [], // 时间轴标记点
    
24.   pip: true, // 是否支持画中画
    
25.   autoMini: true, // 是否支持迷你模式  
    
26.   lock: false, // 是否锁定移动端播放器
    
27.   lang: navigator.language, // 播放器语言
    
28.   plugins: [], // 插件
    
29.   moreVideoAttr: {}, // 更多 video 标签属性
    
30.   HLSjsConfig: {}, // hls.js 配置
    
31.   flvjsConfig: {}, // flv.js 配置
    
32.   dashjsConfig: {}, // dash.js 配置
    
33.   controls: [
    
34.     'play',
    
35.     'progress',
    
36.     'time',
    
37.     'spacer',
    
38.     'fullscreen',
    
39.   ],
    
40.   quality: [
    
41.     {
    
42.       name: 'SD',
    
43.       value: 'https://example.com/SD.mp4',
    
44.     },
    
45.     {
    
46.       name: 'HD',
    
47.       value: 'https://example.com/HD.mp4',
    
48.     },
    
49.     {
    
50.       name: 'FHD',
    
51.       value: 'https://example.com/FHD.mp4',
    
52.     },
    
53.   ],
    
54.   layers: [
    
55.     {
    
56.       name: 'artplayer-plugin-danmuku',
    
57.       data: [
    
58.         { time: 0, text: 'Hello World!' },
    
59.         { time: 5, text: 'Welcome to ArtPlayer.js' },
    
60.       ],
    
61.     },
    
62.   ],
    
63. });

复制代码