vue3开发移动端H5页面中video无交互自动播放完美解决方案

链接

官网：https://jsmpeg.com/
github：https://github.com/phoboslab/jsmpeg
官方例子：https://jsmpeg.com/perf.html
在线video转ts文件：https://convertio.co/zh/mp4-ts/
本文完整案例代码：https://gitee.com/liubaichao/vue3-video-h5-auto.git

踩坑

一、不用使用任何npm、yarn等安装
npm i jsmpeg
yarn add jsmpeg
切记！！！
二、数据转换格式必须是MPEG-1
几乎所有转化默认都是MPEG-2，一定要确认！！！

效果

移动端测试视频正常播放无需交互，亲测有效！！！，声音未测试，本次需求无需声音。
如果黑屏就是格式不对，如果跨域就设置下

代码

<canvas id="canvas" height="350" width="350"></canvas>
<script setup>
import {
    ref , onMounted