非全屏

全屏

- 预期表现

- 复现路径

- 提供一个最简复现 Demo

index.wxml页面

<view class='container-box'>

<view class='camera-view'>

<live-player

style="width: 100%;height: 100%;"

id="camera-player"

src="rtmp://192.168.2.50:1937/camera/2"

mode="RTC"

orientation="vertical"

object-fit="contain"

background-mute="false"

autoplay='true'

bindstatechange="onCameraPlayEvent"

bindfullscreenchange="cameraFullscreenChange">

<cover-image class="button_bottom" src="../../images/full.png" bindtap='cameraFullscreenClick'></cover-image>

</live-player>

</view>

<view style='height:0.5%;'></view>

<view class='camera-view'>

<live-player

style="width: 100%;height: 100%;"

id="camera-player1"

src=""

mode="RTC"

orientation="vertical"

object-fit="contain"

background-mute="false"

autoplay='false'

indstatechange="onCamera1PlayEvent"

bindfullscreenchange="camera1FullscreenChange">

<cover-image class="button_bottom" src="../../images/full.png" bindtap='camera1FullscreenClick'></cover-image>

</live-player>

</view>

</view>

index.js

Page({

/**

  * 页面的初始数据

  */

data: {

firstshow: true,

cameraData: {

cameraPlayUrl: '',

cameraPlayCxt: {},

isFullscreen: false,

},

camera1Data: {

cameraPlayUrl: '',

cameraPlayCxt: {},

isFullscreen: false,

},

mute: false,

},

onCameraPlayEvent: function (ret) {

this.playEvent(ret.detail.code);

},

onCamera1PlayEvent: function (ret) {

this.playEvent(ret.detail.code);

},

playEvent(code) {

},

cameraFullscreenChange: function () {

this.setData({

['cameraData.is