视频播放 video标签的使用

发布时间 2023-06-05 11:34:58作者: 怪死了

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, // 视频未开始之前的图片