微信小程序调用video视频播放没有声音的原因

微信小程序video有声音但是画面黑屏，uni-app微信小程序视频播放黑屏但是有音频，微信小程序video android真机或苹果ios系统中黑屏 只有声音没有画面，Uniapp微信小程序 Video MP4视频播放失败，只有声音，黑屏，视频播放不了，解决办法，解决小程序视频编码兼容性问题导致黑屏，出现黑屏但有声音的问题，video标签播放视频有声音，但是黑屏的原因及解决办法，mp4视频编码的问题，video标签播放视频有声音，但是黑屏。uniapp使用video标签无法播放视频出现黑屏问题处理，如何解

WXML <video src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff020.

本文是微信小程序开发零基础保姆式教程，从账号注册、工具安装、项目创建讲起，覆盖目录结构、基础语法、页面配置、跳转传参、网络请求封装、UI 库集成等核心知识点，附带完整代码与避坑指南，手把手带领新手从零完成小程序开发、调试、上传全流程。

首先需要全局设置ios静音模式下播放声音，当然此方法也可以设置其他参数，[微信开发文档地址] 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 在ap

在微信中，由于安全和用户体验的考虑，自动播放视频（尤其是带有声音的视频）受到了严格的限制。特别是在iOS设备上，由于操作系统的限制，视频通常不能自动播放，除非它们被设置为静音（请注意，这仅适用于iOS设备上的Safari浏览器（包括微信内置的X5浏览器），并且需要用户之前与页面有过交互（如点击或触摸页面上的某个元素）。然而，在Android设备上，微信的X5浏览器可能会稍微宽松一些，但仍然不建议依赖自动播放功能，因为用户的浏览器设置和微信版本可能会影响这一行为。）且用户之前与页面有过交互（如点击或触摸）。

自定义video 小程序项目中使用到video组件，并且根据需求自定义播放、进度条和全屏按钮，本次需求比较简单，没有涉及试看，指定时长等功能，仅是简单的播放，记录一下，以防遗忘。贴下video组件的文档链接：video 大概效果： 本文中用到的一些比较重要的属性和API - duration：指定视频时长（总时长） - controls：是否显示默认播放控件（播放/暂停按钮、播放进度、时间） - poster：视频封面 - bindended：当视频播放到末尾触发 - bindtimeupdat

微信小程序音量调节插件前言直贴代码 前言 我是通过movable-area/movable-view标签来实现拖拽的 movable-area官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/movable-area.html movable-view官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html 效果为: 直贴代

1.写的vue代码需要视频既能循环播放,又能播放声音。(二)Edge浏览器设置方法。(一)谷歌浏览器设置方法。2.然后需要设置浏览器。谷歌浏览器地址栏输入。

2)正是因为单例，所以我们将上一个视频进行stop停止操作，然后再进行新的实例化对象操作，这时候新的实例对象会将原来的实例对象进行覆盖，那么我们操作的也就是只有一个实例对象，也就是当前的实例对象。4)如果用的是函数的局部作用域变量，那么，每次点击都会生成一个新的实例对象，那么就会导致上一个视频无法暂停。3.必须要找到上一个操作的实例，以及控制当前的实例，所以最好的方式使用的是单例模式。3)既然有一个当前的实例对象，那么就可以对它进行play的播放操作。1)使用单例模式的基础是将实例对象挂载到this上。

本文深入解析微信小程序video组件常见的黑边与poster失效问题。针对controls属性导致封面图不显示，提供了使用image组件自定义封面的解决方案；针对视频比例不匹配产生的黑边，详细介绍了动态计算容器高度、服务端预处理及视觉Hack等多种适配方案，帮助开发者实现视频内容的完美展示。

video标签的全部配置 src：要播放的路径地址 autoplay：是否自动播放，默认值是false,（Boolean） loop：是否循环播放，默认值是false,（Boolean） muted：是否静音播放，默认值是false,（Boolean） initial-time：制定和视频初始播放位置，单位为秒（字节跳动小程序不支持,Number） duration：指定视频时长（字节跳动小程序不支持,Number） controls：是否显示默认播放控件 danmu-list：弹幕列表（字节跳动小程序不

花了我半个小时找到的原因（ps：我出现的问题不一定和所有人一样哦） 起初video的视频是可以正常播放的，因为公司的是个小项目所有服务器也就一般般~ 但是视频大小是260M多，所有后端同学就代码进行了一波压缩，重点来了，后端小朋友在压缩的时候把音频也压缩了，导致了视频真机无声，后来去掉了音频压缩真机还是没有声音，后来就把压缩去除了，视频也就正常有声音了，最后交由剪辑部的同学们去压缩了嘻嘻 ...

像h5的video视频在Chrome和ie上，视频无法自动播放，或者自动播放没声音，可以用以下代码做一下逻辑处理

微信小程序视频播放不了

1， ，在 微信公众平台 设置合法域名 2， 调式基础库 版本太低

的视频，音频编码因为是 opus 是无法在小程序正常播放的，这样就导致了视频没有声音。后来就在服务端做了一层转换，将音频的 opus 转为了 AAC 编码，这样在小程序端就可以正常播放了。转换是通过 FFmpeg 转换的，但是转换的时候因为视频编码为 vp8，转换为 AAL 就造成转换时间很长，所以需要设置为 video/mp4;如果你打印出来的blob数据不是这个编码格式也不用担心，将保存的视频文件放在工具里面查看就好。最近在做浏览器录屏功能，主要是录屏加上麦克风生成mp4视频，最终生成的是编码为。

添加属性 muted="true"就可以了，

微信小程序没用声音

live-pusher开启的时候看到右上角有个话筒。应该是启用了麦克风。录制的时候会把你的声音录下来，这就和video的声音冲突了 解决办法就是关闭这个录屏的功能enable-mic <live-pusher enable-mic="{{false}}" /> ............