【报Bug】高版本IOS系统在web-view中使用uni.postMessage ，导致视频暂停播放

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

你反馈 vue2 运行 ios18 真机有 webview 的问题，经过你测试本地可以稳定复现吗，你的 HBuilderX 版本是多少，提供一个单页面源码吧，相同的代码在其他系统没问题吗？

<!DOCTYPE html>
<html lang="en">

<head>
<title>　</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">



<script type="text/javascript" src="js/web.mqtt.min.js"></script>
<script>
window.forceWebGL = true;
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script>

<style>
html,
body {
background-color: #000000;
width: 100% !important;
height: 100% !important;
}

    * {  
        margin: 0;  
        padding: 0;  
        border: 0;  
    }  

    #v1 {  
        position: absolute;  
        right: 0;  
        top: 20;  
        z-index: 100;  
        /* 镜像自己的画面 */  
        transform: scaleX(-1);  
    }  

    #v2,  
    #v3 {  
        position: absolute;  
        right: 0;  
        top: 0;  
        left: 0;  
        bottom: 0;  
        z-index: 1;  
        /* object-fit: cover; */  
    }  

    /* 隐藏video 播放按钮 */  
    .video::-webkit-media-controls-play-button {  
        display: none;  
    }  

    /* 隐藏video 进度条 */  
    .video::-webkit-media-controls-timeline {  
        display: none;  
    }  

    /* 隐藏video 观看的当前时间 */  
    .video::-webkit-media-controls-current-time-display {  
        display: none;  
    }  

    /* 隐藏video 剩余时间 */  
    .video::-webkit-media-controls-time-remaining-display {  
        display: none;  
    }  

    /* 隐藏video 全屏按钮 */  
    .video::-webkit-media-controls-fullscreen-button {  
        display: none;  
    }  

    /*  
.video::-webkit-media-controls-enclosure {  
    display: none;  
} */  

    .control-container {  
        position: fixed;  
        left: 0;  
        top: 0;  
        right: 0;  
        bottom: 0;  
        z-index: 99999;  
        opacity: 0;  
    }  

    .navback {  
        position: absolute;  
        left: 50px;  
        top: 30px;  
        background-color: rgba(0, 0, 0, .3);  
        border-radius: 100%;  
        width: 40px;  
        height: 40px;  
        display: flex;  
        justify-content: center;  
        align-items: center;  
    }  

    .navback img {  
        width: 25px;  
        height: 25px;  
    }  

    .joy-div1 {  
        width: 160px;  
        height: 160px;  
        background: rgba(0, 0, 0, 0.3);  
        border-radius: 100%;  
        position: absolute;  
        top: 50%;  
        left: 50%;  
        margin-left: -80px;  
        margin-top: -80PX;  
    }  

    .joy-div2 {  
        width: 80px;  
        height: 80px;  
        background: rgba(255, 255, 255, 0.7);  
        border-radius: 100%;  
        position: absolute;  
        top: 50%;  
        left: 50%;  
        margin-left: -40px;  
        margin-top: -40px;  
    }  

    .joy-div3 {  
        width: 160px;  
        height: 160px;  
        border-radius: 100%;  
        position: absolute;  
        top: 50%;  
        left: 50%;  
        margin-left: -80px;  
        margin-top: -80px;  
    }  

    .main-joy {  
        position: absolute;  
        width: 160px;  
        height: 160px;  
        left: 100px;  
        bottom: 70px;  
        z-index: -1;  
        opacity: 0;  
    }  

    .control-right {  
        position: absolute;  
        right: 30px;  
        top: 0;  
        bottom: 70px;  
        display: flex;  
        flex-flow: column;  
        align-items: center;  
        justify-content: flex-end;  
        box-sizing: border-box;  
        opacity: 0;  
        z-index: -1;  
        min-width: 50px;  

    }  

    .control-right-item {  
        display: flex;  
        flex-flow: column;  
        align-items: center;  
        margin-top: 15px;  
    }  

    .control-right-item-img {  
        width: 40px;  
        height: 40px;  
        background-color: rgba(0, 0, 0, .3);  
        border-radius: 100%;  
        display: flex;  
        justify-content: center;  
        align-items: center;  
    }  

    .control-right-item-img img {  
        width: 25px;  
        height: 25px;  
    }  

    .control-right-item-text {  
        color: #fff;  
        font-size: 10px;  
    }  

    .traffic-data {  
        position: absolute;  
        top: 2px;  
        right: 130px;  
        z-index: 99999;  
        border-radius: 15px;  
        padding: 2px 8px;  
        color: rgb(255, 255, 255, 0.8);  
        font-size: 12px;  
        background-color: rgba(0, 0, 0, 0.3);  
        display: flex;  
        align-items: center;  
    }  

    .traffic-img-bgpro {  
        width: 18px;  
        height: 18px;  
        margin-right: 2px;  
    }  

    .loading-in-progress {  
        position: absolute;  
        top: 50%;  
        left: 50%;  
        z-index: 99999;  
        margin-left: -25px;  
        margin-top: -25px;  
        color: #fff;  
    }  

    .movement-direction-icon {  
        /* display: none !important; */  
        position: absolute;  
        z-index: -1;  
        bottom: 0px;  
        left: calc(50% - 40px);  
        background-color: transparent;  
    }  

    .img-bgpro {  
        width: 50px;  
        height: 50px;  
    }  

    .img-bgpro-direction {  
        width: 100px;  
        height: 70px;  
    }  
</style>

</head>

</body>
<script type="text/javascript" src="js/uni.webview.1.5.5.js"></script>
<script>
//静音
const mutedFun = () => {
uni.postMessage("asdasd");
console.log('播放网络地址')
}

</script>

</html>

TylerLiu (作者)

下面是web-view的源代码，需要把index.txt改为index.html。 web-view中执行uni.postMessage 视频就卡死不播放。

index.txt

靐齉齾麤龖龗 - 解决不了问题，那就解决提出问题的人

你在video上绑定的点击事件啊，你把video的controls放出来看看是不是单击暂停了呢？或者你把点击事件单独弄个按钮来操作看看会不会出现问题

TylerLiu (作者)

不是， video上的点击时间不影响。

2024-10-28 09:46
靐齉齾麤龖龗

回复 TylerLiu: 好吧

2024-10-28 09:47

Wiiill - No description

遇到一样的问题了，无论是 video 组件，第三方 video 组件，或者原生 html 写的网页，使用 web-view 加载这个网页。在网页中调用了 uni.postMessage 视频就会暂停

【报Bug】高版本IOS系统在web-view中使用uni.postMessage ，导致视频暂停播放

示例代码：

`uni.postMessage({ data: { type: "wvLightControl", value: lightEnabled } });`

操作步骤：

调用uni.postMessage 方法，视频就会卡死

预期结果：

调用uni.postMessage 方法，视频正常播放

实际结果：

调用uni.postMessage 方法，视频就会卡死

bug描述：

5 个回复

公告

相关问题

【报Bug】 高版本IOS系统 在web-view中使用uni.postMessage ， 导致视频暂停播放

示例代码： uni.postMessage({ data: { type: "wvLightControl", value: lightEnabled } });

操作步骤： 调用uni.postMessage 方法， 视频就会卡死

预期结果： 调用uni.postMessage 方法， 视频正常播放

实际结果： 调用uni.postMessage 方法， 视频就会卡死

bug描述：

与内容相关的链接

5 个回复

公告

相关问题

【报Bug】高版本IOS系统在web-view中使用uni.postMessage ，导致视频暂停播放

示例代码：

`uni.postMessage({ data: { type: "wvLightControl", value: lightEnabled } });`

操作步骤：

调用uni.postMessage 方法，视频就会卡死

预期结果：

调用uni.postMessage 方法，视频正常播放

实际结果：

调用uni.postMessage 方法，视频就会卡死