uni-app video组件在抖音小程序中静音按钮不管用
uni-app video组件在抖音小程序中静音按钮不管用
示例代码:
<video
:id="1234"
:src="http://statics.easyliao.com/web/vue/project/applet/console/movie/video.mp4"
:controls="true"
:autoplay="true"
:loop="true"
:muted="true"
show-mute-btn
@play="isPlay = false"
@ended="isPlay = true"
></video>
操作步骤:
uni-app 编译成抖音小程序。用抖音开发者工具运行小程序 手机预览扫码 静音按钮无法控制声音
预期结果:
可以在抖音小程序中实现 静音按钮控制声音
实际结果:
在抖音小程序中无法实现 静音按钮控制声音
bug描述:
uni-app video 组件 编译成抖音小程序后 静音按钮 抖音模拟器点击可以关闭静音 用手机预览 点击就不可以 只有点击按钮的一瞬间响一下 我看12.5号 重新发版的。重新发版以前 这个静音按钮还能控制声音 >
附件
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Mac | CLI | |
macOS 13.0 (22A380) | ||
HBuilderX | 3.98 | |
vscode | ||
抖音开发者工具 | 2.98.0.6 | |
CLI | 2.0.2-3071120230427001 |
4 回复
在原生小程序中测试下是否有问题,如有问题请向抖音社区反馈。
这是抖音的问题吗
回复 9***@qq.com: 可以在原抖音小程序中验证下
在 uni-app
中使用 video
组件时,如果在抖音小程序中遇到静音按钮不管用的问题,可能是由于以下原因导致的:
1. 抖音小程序的限制
抖音小程序可能对 video
组件的某些功能进行了限制或修改,导致静音按钮无法正常工作。你可以检查抖音小程序的官方文档,看看是否有相关说明或限制。
2. video
组件的属性设置
确保你在 video
组件中正确设置了 muted
属性。muted
属性用于控制视频是否静音。例如:
<video src="your-video-url" muted></video>
如果 muted
属性没有生效,可以尝试动态设置:
<video :muted="isMuted" src="your-video-url"></video>
export default {
data() {
return {
isMuted: true
};
}
};
3. 抖音小程序的 video
组件实现
抖音小程序的 video
组件可能与微信小程序的实现有所不同。你可以尝试使用抖音小程序原生的 video
组件,看看是否能够正常工作。
4. 抖音小程序的 API 调用
如果通过 video
组件的属性无法实现静音,可以尝试通过抖音小程序的 API 来控制视频的音量。例如:
const videoContext = tt.createVideoContext('myVideo');
videoContext.mute();