video.js使用

Posted 2020-10-07 学不断，思还乱

<!-- x5-playsinline="" playsinline="" webkit-playsinline=""加上可以解决微信浏览器默认最大化显示的问题-->

<video id="live-stream"  src=""  controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster="" preload="auto" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto">
</video>
<script>
         player = videojs(‘live-stream‘, {
              controls: true,
              autoplay: false,
              preload: ‘auto‘,
              loop: false,
              controlBar: {
                    captionsButton: false,
                    chaptersButton: false,
                    playbackRateMenuButton: true,
                    LiveDisplay: true,
                    subtitlesButton: false,
                    remainingTimeDisplay: true,
                    progressControl: true,
                    fullscreenToggle: false
                }

            }); 
</script>