1

我有一个正在与之合作的客户，他希望在将他们重定向回主页之前在他们的网站上有一个全屏视频介绍。他们还希望它基于 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>
4

1 回答 1

0

ua 嗅探实际上是不同分辨率的不错选择（如上所述）。你说的 onClick 是什么意思在 iPad 上不起作用？？？当然可以！您是否尝试自动触发点击事件来启动视频？被iOS阻止-自动播放也不起作用。用户必须手动启动视频

于 2012-07-25T23:04:41.700 回答