在vue项目中引入视频文件的用法

#vue项目中引入视频cnpm install video.js在main.js中引入：import Video from 'video.js'import 'video.js/dist/video-js.css'Vue.prototype.$video = Video;在组件中使用：<Video id=""class=""controlspreload="auto"poster="视频封面

努力学习前端的77

5431人浏览 · 2020-12-04 17:16:00

努力学习前端的77 · 2020-12-04 17:16:00 发布

#vue项目中引入视频

cnpm install video.js

在main.js中引入：
import Video from 'video.js'
import 'video.js/dist/video-js.css'
Vue.prototype.$video = Video;


在组件中使用：
<Video id=""
class=""
controls
preload="auto"
poster="视频封面图片的路径"
src="videourl">
<video id='myvideo' class="video-js" poster="@/assets/8.jpg" controls preload="auto" src="../../assets/video.mp4"  style="border-radius: 10px;width:631px;height:480px;">your browser does not support the video tag</video>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^