我可以隱藏除臺式機以外的所有內容的html5視頻標籤嗎？

Question

有沒有辦法做到這一點？我不希望在平板電腦或手機上顯示視頻。

Answer 1

1. 檢測寬度與CSS媒體查詢或JS
2. 機器人片劑具有在他們的瀏覽器用戶代理「移動」，IOS容易檢測。
3. 檢測支持與視頻標籤modernizr。

Answer 2

使用CSS媒體查詢是這樣的：

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

這將隱藏所有屏幕的類。視頻多達680像素寬

編輯：當然，你也可以做到這一點的其他方式，並在默認情況下將.video設置爲display: none，然後在媒體查詢中使用min-width以實際顯示其寬度。

Answer 3

是，與媒體查詢：

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

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

    #video { 
     visibility: hidden; 
    } 

} 

這將隱藏用「視頻」的ID在DIV的screensizes小於500像素（或者像素寬度你確定）。