如何僅通過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

如Javascript其他程序也許能夠實現這一目標。 –

你甚至嘗試過使用媒體查詢並設置一個條件到最小寬度的東西？然後在視頻容器中點擊「display：none」？如果我們無法從您的帖子中看到您的代碼，我們無法幫助您。 – Roljhon

我沒有發佈任何代碼，因爲如我所說，我不知道如何設置查詢。我只需要一個簡單的例子，但是我正在編輯問題以添加更多信息。 – Francis7

-1

您可以嘗試使用媒體查詢在CSS。如果您的視頻處於前景而不是後臺，這將非常有用。

1024或以上的分辨率用於PC /桌面。

@media (max-width: 1024px) { 

    .videobox{ 
    display:none; 
    } 
}

來源

2017-03-04 18:04:30 Phantom

其實這是一個正確的標籤（避免平板景觀能夠看到視頻）

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

來源

2017-03-04 18:09:43

如何僅通過PC（響應站點）顯示視頻html/css

回答

相關問題