免费视频直播、点播H5播放器SkeyeWebPlayer适配移动端

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />

new WebMediaPlayer(

    this.url,

    `skeyePlayer`,

    this.callbackFunc,

    {

      cbUserPtr: this,

      decodeType: 'auto',

      openAudio: 0,

      BigPlay: false,

      // Height: 0  // 56.25

    })

<style>

	.player{

		height:100%; /*为100%时根据外层div的高度来显示 （也可设置排px）*/

	}

</style>

<template>

  <div class="mobile">

    <div class="wrap">

      <div class="skeye-player" id="skeyePlayer"></div>

    </div>

  </div>

</template>

<style>

	.mobile {

	    position: fixed;

	    width: 100%;

	    height: 100%;

	    padding: 0;

	    margin: 0;

	    overflow: hidden;

	}

	.skeye-player {

	    height: 100%;

	    width: 100%;

	}

	@media screen and (orientation: portrait) {

		/*竖屏  CSS*/

		.wrap {

	      position: absolute;

	      width: 100vh;

	      height: 100vw;

	      top: 0;

	      left: 100vw;

	      -webkit-transform: rotate(90deg);

	      -moz-transform: rotate(90deg);

	      -ms-transform: rotate(90deg);

	      transform: rotate(90deg);

	      transform-origin: 0% 0%;

	    }

	}

	@media screen and (orientation: landscape) {

		/*横CSS*/

		.wrap {

	      position: absolute;

	      top: 0;

	      left: 0;

	      width: 100vw;

	      height: 100vh;

	    }

	}

</style>