2015-07-10 81 views
1

我有一個HTML5頁面,使用<video>標記並運行.webm文件。這一切都很順利。如果<video>那麼請勿在手機上播放

但是,我不想在移動設備上運行視頻,而是將其替換爲.jpeg海報。

這是安裝程序現在:

<video id="video" preload="auto" poster="video1.jpg" autoplay muted loop> 
    <source src="video1.webm" type="video/webm" /> 
    <source src="video1.ogv" type="video/ogv" /> 
    <source src="video1.mp4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser. 
</video> 

任何想法?謝謝!

回答

0

您可以通過媒體查詢和「display:none;」來隱藏視頻標籤然後用桌面隱藏的img-tag替換它。

對不起,簡短的回答...用我的手機寫的;)我會盡快更新答案,只要我回家。

+0

yes please!聽起來像一個好方法... – user2675647