node安装videojs和videojs-flash模块

npm install video.js  videojs-flash

vue引入模块和样式

<template>
<video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{}'>
  <source src=" "  type="rtmp/mp4"></source>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    <a href="https://videojs.com/html5-video-support/" target="_blank">
      supports HTML5 video
    </a>
  </p>
</video>
</template>

<script>
import videojs from 'video.js';
import "videojs-flash"
import "video.js/dist/video-js.min.css"
export default {
  name: "VideoPlay",
  }
</script>

参考
https://github.com/videojs

Logo

前往低代码交流专区

更多推荐