响应式视频介绍用于网络和移动的全屏幕

我有一个客户我正在与他们想要在他们的网站上有一个全屏视频介绍，然后重定向到主页。他们也希望它基于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

响应式视频介绍用于网络和移动的全屏幕

回答

相关问题