PC（反応性サイト）からのみビデオを表示する方法html/css

-1

メディアクエリを使用してPCで自分のウェブサイトにアクセスしている場合のみ、ビデオを表示できますか？私はちょうどcssで質問をセットアップする方法を知らない、あるいは多分このようなものが存在しないかもしれません。誰でも助けてくれますか？PC（反応性サイト）からのみビデオを表示する方法html/css

次は、デバイスが携帯電話の場合、サイトの本体の背景を変更するクエリの例です。

@media only screen and (min-device-width : 320px) and (max-device-width : 700px) and (orientation : portrait) { 
    body { 
    background-image: url(http://objectfilms.altervista.org/background-mobile.jpg); 
    background-repeat:no-repeat; 
    background-position: absolute; 
    background-size:100%; 
    }  
}

私はそのようなものが必要ではなく、背景の映像のために、多かれ少なかれ、このように：

@media only screen and (min-device-width : 1200px) { 
    #video /* suppose the video has thid id */ 
    video:url (the url of the video) 

}

出典

2017-03-04 Francis7

他のプログラムがそれを達成することができるかもしれません（動画を見ることができるタブレット風景を避けるために）右のタグです。 –

あなたは何かの最小幅に条件を設定してメディアクエリを使用しようとしましたか？あなたのビデオコンテナで 'display：none'とヒットしましたか？あなたの投稿から1つが見えない場合、あなたのコードを手助けすることはできません。 – Roljhon

私が言ったように、私はどのようにクエリを設定するのか分からないので、私はコードを投稿していません。私は単純な例が必要ですが、いくつかの情報を追加するために質問を編集しています。 – Francis7

-1

あなたは、CSSメディアクエリを使用してみてください。これは、ビデオが背景ではなくフォアグラウンドにある場合に便利です。

解像度1024以上がPC /デスクトップに使用されています。

@media (max-width: 1024px) { 

    .videobox{ 
    display:none; 
    } 
}

出典

2017-03-04 18:04:30 Phantom

実はこれは、JavaScriptのような

@media screen and (max-width: 1024px) , screen and (max-height: 768px) { .video-div {display:none} }

出典

2017-03-04 18:09:43

PC（反応性サイト）からのみビデオを表示する方法html/css

答えて

関連する問題