響應式視頻介紹用於網絡和移動的全屏幕

我有一個客戶我正在與他們想要在他們的網站上有一個全屏視頻介紹，然後重定向到主頁。他們也希望它基於cookie，因此用戶在返回時只能看到一次視頻。響應式視頻介紹用於網絡和移動的全屏幕

我有2個問題至今：

1）我不能讓視頻呈現在iPad上，因爲的onClick（）不會在iPad上運行。我嘗試了其他人，但仍然無法弄清楚。 2）他們想要一個高質量的網絡視頻和較低的質量來呈現ipad/iphone。

這是我目前在該代碼在網站負荷使得視頻負載並使其接觸到的所有設備：

<body <?php body_class(); ?> onload="openVideo();"> 
<div id="homepage-video" style="display:none;"> 
<img src="<?php echo get_template_directory_uri(); ?>/images/splash-page-final.jpg" class="splash-image" /> 
    <video id="homepage-video-file" class="video-js vjs-default-skin" 
     preload="auto"> 
    <source src="http://www.somesite.com/wp-content/files/somesite-intro-1.mp4" type='video/mp4' /> 
    <source src="http://www.somesite.com/wp-content/files/somesite-intro.webm" type='video/webm' /> 
    <source src="http://www.somesite.com/wp-content/files/somesite-intro.ogv" type='video/ogg' /> 
    </video> 
</div>

來源

2012-07-24 Darion Miller

它又是1999年！對於＃2在頁面呈現時嗅探用戶代理和服務器不同的文件。 – epascarello 2012-07-24 23:55:26

謝謝 - 這沒有幫助。 – 2012-07-25 01:23:15

UA實際上嗅探對於不同分辨率是不錯的選擇（如建議以上）。你是什麼意思的onClick不起作用的iPad？確定它！您是否嘗試自動觸發點擊事件來啓動視頻？被iOS阻止 - 自動播放也不起作用。用戶必須手動啓動視頻

來源

2012-07-25 23:04:41

響應式視頻介紹用於網絡和移動的全屏幕

回答

相關問題