视频播放 video标签的使用
vue3.0项目中,引入了videojs,使用video。
npm install --save video.js
video 标签
<video id="my-video" class="video-js" controls preload="auto" poster="/img/news/news_index_16.png" muted="true" width="800" height="500" data-setup="{}"> <source src="/video/video_16.mp4" type="video/mp4" /> </video>
video常用配置
loop: true, //循环播放 controls: true, // 控制条是否展示 autoplay: false, // 自动播放 muted: false, // 静音 preload: "auto", // 预加载 auto 立即加载 metadata 只加载视频元数据 none poster: imgUrl, // 视频未开始之前的图片