npm install --save video.js
npm install --save videojs-contrib-hls

import 'video.js/dist/video-js.css';
import videojs from 'video.js';

 <div class="vedio">
      <video id="valveVideogj" class="video-js vjs-default-skin" autoplay
             style="width: 100%;height: 100%; object-fit: fill"></video>
</div>

  function options(src) {
            return {
                autoplay: true, // true,瀏覽器準備好時開始播放。
                muted: true, // 默認情況下將會消除音頻。
                loop: true, // 導(dǎo)致視頻一結(jié)束就重新開始。
                controls: false, //取消視頻中的進度條
                preload: 'auto', // auto瀏覽器選擇最佳行為,立即開始加載視頻（如果瀏覽器支持）
                language: 'zh-CN',  //漢化
                fluid: true, // 當(dāng)true時，將按比例縮放以適應(yīng)其容器。
                sources: [{
                    type: 'application/x-mpegURL',
                    src  //視頻播放地址
                }],
                notSupportedMessage: '此視頻暫無法播放，請稍后再試', // 無法播放媒體源時顯示的默認信息。
                textTrackDisplay: false,
            }
        }
  let player;
  onMounted(() => {
		try {
                player = videojs("valveVideo", options(rtsp), () => {
                    player.play();
                });
            } catch (error) {
                console.log(error);
            }	
    	})  

.vedio {
	width: 632.89px;
  	height: 356px;
    background: #000;
    padding: 3px;
    border: 1px solid #707070;
    margin: 30px 30px 0 30px;
}

        onUnmounted(() => {
            //離開頁面時銷毀video
            player.dispose()
        })