一、HTML代码
<source src="../assets/video/G1s.mp4" type="video/mp4"/>
注:src的路径根据自己的需要改变;
video标签无法自动播放 刷新后无法自动播放;
解决方法:给video标签添加muted属性,可写为muted或完整写法:muted=“muted”
<template>
<div class="homepage-hero-module">
<div class="video-container">
<div :style="fixStyle" class="filter">
<!--内容-->
</div>
<video :style="fixStyle" autoplay loop muted class="fillWidth" v-on:canplay="canplay">
<source src="../assets/video/G1s.mp4" type="video/mp4"/>
浏览器不支持 video 标签,建议升级浏览器。
<source src="../assets/video/G1w.webm" type="video/webm"/>
浏览器不支持 video 标签,建议升级