收藏
回答

iOS video 播放横屏布局问题

问题模块
API和组件




系统:iOS 10.3.3

微信:WeChat 6.5.14


在小程序中播放横屏视频:

<video id="video_8048" data-id="video_8048" src="https://pcmgrminiclubvideo-1252940971.file.myqcloud.com/group/src/10199/7838435773816479296.mp4" controls bindfullscreenchange="fullScreenChange" bindended="playEndEvt" objectFit="cover">video>


var videoContext = wx.createVideoContext('video_8048');
videoContext.requestFullScreen();
videoContext.play();
fullScreenChange: function (event) {
   if (!event.detail.fullScreen) { // 退出全屏
       var id = event.target.id;
       var videoContext = wx.createVideoContext(id);
       videoContext.pause();
       videoContext.exitFullScreen();
   }
},
playEndEvt: function (event) {
   var id = event.target.id;
   var videoContext = wx.createVideoContext(id);
   videoContext.pause();
   videoContext.exitFullScreen();
},


调用

         videoContext.pause();

         videoContext.exitFullScreen();

播放后,待播放完毕后退出全屏,偶现小程序,微信都变成横屏布局模式,如下图:



最后一次编辑于  2017-08-17  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

4 个回答

  • tao-cht
    tao-cht
    2017-09-05

    请问下这个问题怎么决解的?我退出全屏后总是横屏状态

    2017-09-05
    赞同
    回复
  • wadezz
    wadezz
    2017-09-05

    目前没有办法,需要等微信侧开放orientation相关属性,由开发者来明确指定播放器支持的方向(landscape、portraint),避免客户端判断出错。

    2017-09-05
    赞同
    回复
  • ཉ࿐伟࿐
    ཉ࿐伟࿐
    2017-09-18

    请问一下你的https做了什么设置,为什么我的https在ios的video上不能播放

    2017-09-18
    赞同
    回复
  • 远航²º¹⁹
    远航²º¹⁹
    2018-03-22

    请问下,现在这个问题解决了吗,我也遇到同样问题

    2018-03-22
    赞同
    回复