vue中使用videojs播放m3u8格式的视频

最新推荐文章于 2024-07-26 15:57:56 发布

像山里的风

最新推荐文章于 2024-07-26 15:57:56 发布

阅读量822

点赞数

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_42905523/article/details/124411010

版权

本文介绍了如何在Vue.js项目中使用videojs播放m3u8格式的视频，包括详细步骤：首先进行videojs的安装，然后在组件中配置和使用videojs播放m3u8视频。

摘要由CSDN通过智能技术生成

1.安装videojs

npm install --save video.js

2.使用

<template>
  <div class="video-box">
    <video
      id="video"
      class="video-js vjs-default-skin vjs-big-play-centered"
      controls
      preload="none"
    ></video>
  </div>
</template>

<script>
import videojs from "video.js";
import 'video.js/dist/video-js.css' // 播放器样式，不引入播放器样式贼乱了
export default {
   
  props: {
   
    videoUrl: {
   
      type: String,
      required