videoJs介绍及播放直播（加载清晰度）

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