當檢測到移動設備時，未加載嵌入了iframe的視頻

Question

在我的網頁中，有一個嵌入了視頻（vimeo）的iframe和一個呈現視頻全屏的jQuery腳本。

問題是，在移動設備（特別是蘋果設備）與全witdh視頻是不可能推超過視頻播放器的鏈接。

我的解決辦法是隱藏了jQuery腳本

$('#vimeo').css('display', 'none'); 
$('#image_video').css('display', 'block'); 

視頻和顯示圖像，而不是視頻直接鏈接到頁面VIMEO。

以這種方式我想，如果視頻被隱藏，它將在後臺加載，無論如何移動互聯網連接，這是一種浪費。

我的問題是，有沒有辦法來防止加載的iframe？

我希望我解釋一下自己。我很抱歉我的英語。

Answer 1

我在開發託管服務提供商客戶中的聊天前端時遇到了類似的問題rol面板。

由於聊天本身是專有的，並且使用了AJAX，我不得不通過iframe訪問它的DOM，除非您在移動設備上。

我想刪除的元素是這樣的：

jQuery("#vimeo").remove(); 
jQuery("#image_video").css('display','block'); 

這樣，你避免不規範的屬性，實際上只是從DOM中刪除標籤。

Answer 2

不要設置IFRAME SRC而是使用自定義的數據屬性像

<iframe id="iframe1" data-src="http://...." /> 

然後用jQuery設置的IFRAME SRC如果要加載其內容

$('#iframe1').attr('src', $('#iframe1').data('src') ); 

或隱藏

$('#iframe1').hide()