応答時にVideoHeaderをImageに変換

Question

私はGitHubでビデオヘッダを視差させるJSプラグインを使用していますが、問題は電話で応答するとビデオが黒くなり、画像のビデオを変更しようとしています応答モードのとき。

@mediatagを試しましたが、動作させることはできません。プラグインの

<main style="height: 100%"> 
     <video class="bv-video"></video> 
</main> 

<script> 
    const backgroundVideo = new BackgroundVideo('.bv-video', { 
     src: [ 
      'img/01.mp4', 
      'img/01.mp4' 
     ], 
     onReady: function() { 
      // Use onReady() to prevent flickers or force loading state 
      const vidParent = document.querySelector(`.${this.bvVideoWrapClass}`); 
      vidParent.classList.add('bv-video-wrap--ready'); 
     } 
    }); 
    </script> 

リンク - MITライセンス

Answer 1

メディアクエリを使用して、そのシンプルの下でライセンス。

あなたがする必要があるのは、最大画面幅で画像を表示し、あなたのビデオを表示しないように、あなたのCSSにメディアクエリを書くだけです。また、画像照会をメディア照会の外のnoneに設定して、メディア照会がモバイル画面の幅を検出して変更するまでその値をデフォルトにします。