2***@qq.com
2***@qq.com
  • 发布:2021-01-18 11:09
  • 更新:2021-01-18 15:36
  • 阅读:920

【不是Bug】video同层渲染失败,bindrendererror也不执行

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 || 18363.1316

HBuilderX类型: 正式

HBuilderX版本号: 3.0.5

第三方开发者工具版本号: 1.03.2101150

基础库版本号: 2.14.3

项目创建方式: HBuilderX

示例代码:
复制代码    <view class="pagee">  
        <video  
         @bindrendererror='play'  
         @rendererror='play'  
          @error='play'  
         class="video"  
         src="https://hmsl.oss-cn-beijing.aliyuncs.com/20210105222850h7J5.mp4">  
         <view class="text">  
            hellow world  
         </view>  
        </video>  

    </view>  
</template>  

<script>  
    export default {  
        methods:{  
            play(e){  
                console.log(e)  
            }  
        }  
    };  
</script>  
<style lang="scss">  
    .pagee {  
        height: 100vh;  
        width: 750rpx;  
        .video {  
            height: 100vh;  
            width: 750rpx;  
            position: relative;  
            z-index: -1;  
        }  
        .text {  

            position: fixed;  
            top: 20rpx;  
            z-index: 999;  
            width: 500rpx;  
            height: 100rpx;  
            background-color: red;  
            color: #fff;  
        }  
    }  
</style>

操作步骤:

代码运行到小程序

预期结果:

同层渲染,view在video上层展示,失败时执行bindrendererror

实际结果:

开发者工具正常展示,真机预览刚进入页面view在video上层,然后立马被video覆盖,bindrendererror没触发

bug描述:

video同层渲染失败,bindrendererror也不执行,开发者工具正常展示,但是真机预览不可以

2021-01-18 11:09 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

问题已解决

  • YFarer

    请问一下 您是如何解决的

    2022-06-20 18:13

  • 2***@qq.com (作者)

    回复 YFarer: 我也忘了...

    2022-08-06 15:44

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容