vue中video在微信浏览器怎么自动播放

 时间:2026-02-12 20:55:55

1、新建vue项目,项目结构图如下。

vue中video在微信浏览器怎么自动播放

2、使用命令cnpm install vue-video-player --save安装vue视频插件,如下图。

vue中video在微信浏览器怎么自动播放

3、 在引用vue-video-player的myPlayer.vue文件中设置 autoplay: true设置视频自动播放,如下图。

vue中video在微信浏览器怎么自动播放

4、在main.js文件中引入myPlayer.vue文件,如下图 。

vue中video在微信浏览器怎么自动播放

5、在index.html文件中箭头所指位置id名video为引入视频位置,对应上图el: '#video',如下图。

vue中video在微信浏览器怎么自动播放

6、设置package.json中dev为 "cross-env NODE_ENV=development webpack-dev-server --open --hot --host 192.168.164.132设置固定ip访问,如下图。

vue中video在微信浏览器怎么自动播放

7、在微信中设置默认浏览器,如下图。

vue中video在微信浏览器怎么自动播放

8、运行效果如下图。

vue中video在微信浏览器怎么自动播放

1、新建vue项目

2、使用命令cnpm install vue-video-player --save安装vue视频插件

3、 在引用vue-video-player的myPlayer.vue文件中设置 autoplay: true设置视频自动播放

4、在main.js文件中引入myPlayer.vue文件

5、在index.html文件中箭头所指位置id名video为引入视频位置,对应上图el: '#video'

6、设置package.json中dev为 "cross-env NODE_ENV=development webpack-dev-server --open --hot --host 192.168.164.132设置固定ip访问

7、在微信中设置默认浏览器

vue中video在微信浏览器怎么自动播放

  • 如何预防眼睛黄斑病变
  • 如何做好骑行团队的领队
  • 【药品说明书】血液滤过置换液
  • 探访热门系列电影最新作品《金刚狼2》的拍摄地
  • mac电脑自带的Safari浏览器如何收藏网站
  • 热门搜索
    结巴怎么治 初一英语作文大全 倾轧怎么读 湖州师范学院怎么样 西瓜图片大全 香港岭南大学怎么样 得了肝病怎么办 口角炎怎么治疗 赵薇个人资料简介 超人图片大全