小程序video全屏时横屏播放

公告

增加体验效果请勿用IE、本站对IE不友好、 o(∩_∩)o 哈哈

只需要在app.json里配置 "pageOrientation": "auto"和video标签加上direction='90'就可以了,这个坑真是够坑的。

<video id="myVideo" src="视频链接" autoplay='true' enable-auto-rotation='true' direction='90' bindplay='videopaly'

bindended='videoend' show-progress='false' controls></video>

{

  "pages": [

    "pages/index/index"

],

  "window": {

    "backgroundTextStyle": "dark",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "live-bigo",

    "navigationBarTextStyle": "black",

    "pageOrientation": "auto"//添加这句加可以了

},

  "navigateToMiniProgramAppIdList": [

],

  "sitemapLocation": "sitemap.json"

}

😄