养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-06 16:58:31

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

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

方法/步骤

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

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

2、使用命令cnpminstallvue-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-envNODE_ENV=developm髫潋啜缅entwebpack-dev-server--open--hot--host192.168.164.132设置固定ip访问,如下图。

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

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

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

8、运行效果如下图。

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

© 一点知识