隱藏在移動

視頻DIV我有一個具有內div一個視頻的HTML網頁：隱藏在移動

HTML

<div class="news"> 
    <h3 class="highlight">Kate's 1 Month Transformation</h3> 
    <div class="clr"></div> 
    <center> 
     <video controls="" autoplay="" poster="assets/4/vid.png.html"> 
      <source src="https://globalskincr.files.wordpress.com/2015/05/wrinkle_vid.mp4" type="video/mp4"> 
     </video> 
    </center> 
</div>

我不能在移動禁用視頻和隱藏DIV，

CSS

.news { 
    display:none; 
}

此代碼隱藏視頻，但聲音仍在繼續。

來源

2016-03-07 Rohan Zakie

嗨，只需添加<視頻預加載=「無」> – Med

跨所有設備沒有本地100％工作解決方案。這可以作爲CSS

@media screen and (max-device-width: 480px) and (orientation: portrait){ 
    /* some CSS here */ 
}

但....移動顯示器的分辨率今天高得多，有時可能是，也許在橫向模式下爲一些規模較小的筆記本電腦一樣。此方法也需要設置縱向或橫向。

也許你可以在這裏找到一個更好的解決方案 What is the best way to detect a mobile device in jQuery?

應用IF的話題accpeted答覆建議，如果它是真實的（它是一個移動設備，只需添加$(".news").css("display","none");

來源

2016-03-07 22:10:50 Zorak

這怎麼回答這個問題？原來的問題已經指出，在手機上應用「display：none」並不能解決問題。這隻會使視頻不可見，但仍會出現在頁面上，因此音頻仍在繼續。這聽起來像預期的結果是完全刪除/禁用移動視頻。 – annieXo

添加到Zorak的回答

@media screen and (max-device-width: 480px) and (orientation: portrait){ 
    video { 
    display:none 
    } 
}

來源

2016-03-07 22:41:50 Shepherd

「顯示：無」不僅使視頻隱藏，它實際上並沒有從頁面中移除它，你有它在自動播放這就是爲什麼你聽到聲音，儘管它和Vi不錫布爾赫丁。

你需要的視頻自動播放？您尚未定義該屬性。如果您從VIDEO標記中移除自動播放屬性，那麼您的CSS「display：none」解決方案就足夠了。

如果你這樣做需要自動播放，然後一個CSS的解決方案是不夠的。只有在移動設備上查看頁面時，才能使用jQuery從VIDEO標記中移除「自動播放」屬性。

來源

2016-03-08 01:24:34 annieXo

回答

相關問題