1、video标签内的属性值请自行百度(未提及到的)
(1)、autoplay : true/false 播放器准备好之后,是否自动播放 【默认false】;
(2)、controls : true/false 是否拥有控制条 【默认true】,如果设为false ,那么只能通过api进行控制了。也就是说界面上不会出现任何控制按钮;
(3)、autoplay : true/false 播放器准备好之后,是否自动播放 【默认false】;
(4)、controls : true/false 是否拥有控制条 【默认true】,如果设为false ,那么只能通过api进行控制了。也就是说界面上不会出现任何控制按钮;
(5)、height: 视频容器的高度,字符串或数字 单位像素;
(6)、width: 视频容器的宽度, 字符串或数字 单位像素;
(7)、loop : true/false 视频播放结束后,是否循环播放;
(8)、muted : true/false 是否静音;
(9)、poster: 播放前显示的视频画面,播放开始之后自动移除。通常传入一个URL;
(10)、preload:预加载
‘auto‘ 自动
’metadata‘ 元数据信息 ,比如视频长度,尺寸等
‘none‘ 不预加载任何数据,直到用户开始播放才开始下载;
(11)、children: Array | Object 可选子组件 从基础的Component组件继承而来的子组件,数组中的顺序将影响组件的创建顺序。
<video id="roomVideo" class="video-js vjs-default-skin vjs-big-play-centered" x-webkit-airplay="allow" poster="" webkit-playsinline playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" preload="auto">
<source src="/chat/playlist.m