src/components/LiveVideo.vue
@@ -1,7 +1,7 @@ <!--视频直播--> <template> <div class="live-video" ref="JessibucaContainer"> <video ref="liveVideoRef" controls autoplay muted playsinline> <video ref="liveVideoRef" class="video-player" controls autoplay muted playsinline> Your browser is too old which doesn't support HTML5 video. </video> </div> @@ -102,10 +102,15 @@ }); </script> <style scoped> <style lang="scss" scoped> .live-video{ width: 100%; height: 100%; color: #fff; .video-player { width: 100%; height: 100%; object-fit: cover; } } </style>