LivePlayerContext.requestFullScreen

解释：进入全屏

方法参数

Object object

object参数说明 ：

属性名类型默认值必填说明
directionNumber是有效值为 0（正常竖向）, 90（屏幕逆时针90度）, -90（屏幕顺时针90度）。
successFunction否接口调用成功的回调函数。
failFunction否接口调用失败的回调函数。
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）。

示例

扫码体验

LivePlayerContext.requestFullScreen - 图1请使用百度APP扫码

图片示例

LivePlayerContext.requestFullScreen - 图2

LivePlayerContext.requestFullScreen - 图3

LivePlayerContext.requestFullScreen - 图4

代码示例1 正常竖向

在开发者工具中预览效果

  • 在 swan 文件中
  1. <view class="live-play">
  2.     <live-player id="myLive" src="{{src}}"></live-player>
  3.     <div class="section">
  4.         <button type="primary" bind:tap="requestFullScreen">进入全屏</button>
  5.     </div>
  6. </view>
  • 在 js 文件中
Page({
    data: {
        cur: 0,
        autoplay: false,
        src: 'https://vd3.bdstatic.com/mda-ia8e6q3g23py8qdh/hd/mda-ia8e6q3g23py8qdh.mp4?playlist=%5B%22hd%22%5D&auth_key=1521549485-0-0-d5d042ba3555b2d23909d16a82916ebc&bcevod_channel=searchbox_feed&pd=share'
    },
    onShow(){
        console.log('目前此组件在真机双端不能播放，请在开发者工具中查看完整效果');
    },
    onReady(e) {
        const livePlayerContext = swan.createLivePlayerContext('myLive');
        this.livePlayerContext = livePlayerContext;
        this.livePlayerContext.play();
    },
    requestFullScreen(e) {
        this.livePlayerContext.requestFullScreen({direction: 0});
    }
});

代码示例2 屏幕逆时针90度

在开发者工具中预览效果

  • 在 swan 文件中
<view class="live-play">
    <live-player id="myLive" src="{{src}}"></live-player>
    <div class="section">
        <button type="primary" bind:tap="requestFullScreen">进入全屏</button>
    </div>
</view>
  • 在 js 文件中
Page({
    data: {
        cur: 0,
        autoplay: false,
        src: 'https://vd3.bdstatic.com/mda-ia8e6q3g23py8qdh/hd/mda-ia8e6q3g23py8qdh.mp4?playlist=%5B%22hd%22%5D&auth_key=1521549485-0-0-d5d042ba3555b2d23909d16a82916ebc&bcevod_channel=searchbox_feed&pd=share'
    },
    onShow(){
        console.log('目前此组件在真机双端不能播放，请在开发者工具中查看完整效果');
    },
    onReady(e) {
        const livePlayerContext = swan.createLivePlayerContext('myLive');
        this.livePlayerContext = livePlayerContext;
        this.livePlayerContext.play();
    },
    requestFullScreen(e) {
        this.livePlayerContext.requestFullScreen({direction: 90});
    }
});

代码示例3 屏幕顺时针90度

在开发者工具中预览效果

  • 在 js 文件中
Page({
    data: {
        cur: 0,
        autoplay: false,
        src: 'https://vd3.bdstatic.com/mda-ia8e6q3g23py8qdh/hd/mda-ia8e6q3g23py8qdh.mp4?playlist=%5B%22hd%22%5D&auth_key=1521549485-0-0-d5d042ba3555b2d23909d16a82916ebc&bcevod_channel=searchbox_feed&pd=share'
    },
    onShow(){
        console.log('目前此组件在真机双端不能播放，请在开发者工具中查看完整效果');
    },
    onReady(e) {
        const livePlayerContext = swan.createLivePlayerContext('myLive');
        this.livePlayerContext = livePlayerContext;
        this.livePlayerContext.play();
    },
    requestFullScreen(e) {
        this.livePlayerContext.requestFullScreen({direction: -90});
    }
});