0

ビデオタグを使用して、iPad と Android デバイスの両方で hls をストリーミングしています。
フルスクリーンにした後、ビデオがデバイスの画面全体に拡大され、元のアスペクト比が壊れるという Android の問題があります。

しかし、回転した後は正しい方向に進みます。

これは私が使用しているコードの例です.hlsですが、通常のビデオファイルにも同じ問題があると思います. 

<video id="main-video" src="my_hls_link.m3u8" style="width:100%; height:270px;">
</video>

そしてJavaScript： 

var player = document.getElementById("main-video");
player.addEventListener('webkitbeginfullscreen', function(){
            this.load();
            this.play();
          }, false);

Nexus 7 Android 4.1 および kindlefire Android 4.0 で chrome を使用してテスト済み

4

1 に答える 1

0

私はこれを回避することができます：

//fixing the bug in android that stretch video on load
      function fix_stretch_video(){
        var check_interval = setInterval(function(){
          $('.pl-loading-btn').css('display', 'block');
          if (player.videoWidth != 0) {
            $('.pl-loading-btn').css('display', 'none');
            $('video').css('width', '99%');
            $('video').css('width', '100%');
            clearInterval(check_interval);
          }
        },100);
      }

一部のデバイス（またはAndroidバージョン）で動作しません。少なくとも、私の nexus 7 では動作します。

于 2013-01-16T03:31:47.603 に答える