javascript - デスクトップ以外のすべてでhtml5ビデオタグを非表示にすることはできますか?

Question

それを行う方法はありますか？動画をタブレットや携帯電話に表示したくありません。

score 1 · Accepted Answer

score 1 · Accepted Answer

次のような CSS メディアクエリを使用します。

@media screen and (max-width: 680px)
{
    .video { display : none; }
}

これにより、幅 680px までのすべての画面でクラス .video が非表示になります

編集:もちろん、これを逆にして、デフォルトでに設定.videoし、メディアクエリ内で使用して、特定の幅から実際に表示することもできます。display: nonemin-width

score 0 · Accepted Answer

はい、メディアクエリで:

<div id="video">
  //Video here
</div>

@media only screen and (max-width: 500px) {

    #video {
      visibility: hidden;
    }

}

これにより、画面サイズが 500px (または任意のピクセル幅) より小さい場合、ID が「video」の div が非表示になります。

3 に答える 3