微信小程序web-view带参数跳转H5页面播放视频流（记录）

最新推荐文章于 2022-12-30 18:45:05 发布

置顶

远方有多远_

最新推荐文章于 2022-12-30 18:45:05 发布

阅读量3.5k

点赞数 4

文章标签：微信小程序 video web-view H5

本文链接：https://blog.csdn.net/weixin_43922774/article/details/103345333

版权

（虽然最终这个功能由于各种原因无法上线，但也算是个收获吧，记录下来~）

最近有个需求，是要在小程序上实时播放监控视频，本来用的官方video组件，代码如下：

<view class="video">
  <video id="myVideo" src="{
  {url}}" title="{
  {title}}" autoplay controls show-fullscreen-btn show-mute-btn enable-play-gesture></video>
</view>

在工具上是可以播放的，自己的手机测试也没问题（煤气灶11），OK美滋滋的上传到测试版，让大家都试看一下。结果，部门十个人，只有我的可以流畅播放，安卓机播放一两分钟就卡住了，xs max以及xs播放几秒就直接微信卡住，退都退不出。emmmmm…行吧，换个方式，跳转H5页面播放试试看。然后在大佬的帮助下吭哧吭哧撸了个页面，H5代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2, user-scalable=yes">
    <title>视频&l

最低0.47元/天解锁文章

远方有多远_

关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
微信小程序web-view带参数跳转H5页面播放视频流（记录）

（虽然最终这个功能由于各种原因无法上线，但也算是个很大收获吧，记录下来~）最近有个需求，是要在小程序上实时播放监控视频，本来用的官方video组件，代码如下：<view class="video"> <video id="myVideo" src="{{url}}" title="{{title}}" autoplay controls show-fullscreen-b...
复制链接

扫一扫