微信公众号视频监控15秒卡顿解决方法

问题： 微信公众号内嵌海康威视视频监控流，使用<video></video>标签播放时，15秒后画面卡死，网络状况无关。

原因分析： 可能由跨域访问限制或视频编码格式不兼容引起。

解决方案： 更换视频播放器或调整视频流编码。

详细步骤：

微信公众号发文助手

微信公众号产业研究发文助手，支持原文读取、分层摘要、产业链标的梳理、image2 海报与封面生成、正文排版、微信草稿保存、回读校验和发布前确认。

下载

1. 跨域问题排查：

   • 确认海康威视监控服务器是否开启跨域资源共享(CORS)设置。
   • 若未开启，需在服务器端配置CORS，允许跨域请求。

2. 视频编码兼容性检查：

   • 检查视频流编码格式是否与浏览器和<video></video>标签兼容。
   • 考虑将视频流重新编码为更广泛兼容的格式，例如MP4。

代码示例：

<video class="video-style" controls controlslist="nodownload" height="240px" id="myVideo3" preload="none" src="{$video['playgroundVideo']}" style="width: 90%;height: 200px;border-radius:5px;" width="100%" x5-video-orientation="h5" x5-video-player-fullscreen="true"></video>

建议：

• 尝试使用其他视频播放器库，例如JWPlayer或Video.js。
• 联系海康威视技术支持，获取兼容的视频流编码格式信息。
• 在不同网络环境下测试播放效果，以排除网络因素的影响。