如何防止在移動平臺上加載視頻標籤？

我有以下視頻HTML5元素，但我不希望爲移動設備加載大小。我相信display:none;確實加載視頻文件，我該如何阻止？如何防止在移動平臺上加載視頻標籤？

<video autoplay loop> 
     <source src="Images/Comp 2.mp4" type="video/mp4" /> 
     Your browser does not support the video tag. I suggest you upgrade your browser.</video>

來源

2016-02-05 George Edwards

你怎麼樣刪除autoplay屬性，如果播放開始，並且僅當瀏覽器無法識別移動，通過JavaScript。這可能既是最直接又便攜的解決方案。

現在，也許CSS也將是有益的：

<link rel="stylesheet" media="handheld" href="mbile.css">

與隱藏您<video>一個CSS。

但是，我被告知，手機上的現代瀏覽器只是忽略了這些;他們聲稱這種反標準行爲對用戶很有用，因爲2016年的智能手機與引入CSS媒體選擇器後個人電腦一樣有能力，因此手機上的全高清顯示屏的用戶可以訪問這些頁面看起來像是2000年的WAP互聯網。

來源

2016-02-05 12:11:24

那還是先下載視頻嗎？ –

@GeorgeEdwards：如果你的瀏覽器是聰明的，那麼，不，可能不在移動設備上。視頻通常按需流式傳輸，而不是首先全部下載。現在，我知道每個認真的網站都不使用自動播放，而是使用JS來檢測環境，選擇可行的視頻質量，將其定義爲視頻源，然後開始播放，同時顯示靜態圖像作爲預覽時間直到那可能發生。 –

如何防止在移動平臺上加載視頻標籤？

回答

相關問題