Javascript 全屏幕响应视频简介，适用于网络和移动设备_Javascript_Wordpress_Html

Javascript 全屏幕响应视频简介，适用于网络和移动设备

javascript wordpress html

Javascript 全屏幕响应视频简介，适用于网络和移动设备,javascript,wordpress,html,Javascript,Wordpress,Html,我有一个和我一起工作的客户，希望在将他们重定向回主页之前在他们的网站上有一个全屏视频介绍。他们还希望它基于cookie，这样用户回来时只会看到一次视频到目前为止，我有两个问题： 1）我无法在iPad上渲染视频，因为onClick（）在iPad上不起作用。我也试过其他方法，但还是不明白。 2）他们希望在网络上播放高质量的视频，在ipad/iphone上播放低质量的视频以下是我目前代码中的内容，用于在站点加载时加载视频，并使其可供所有设备访问： <body <?php body_

我有一个和我一起工作的客户，希望在将他们重定向回主页之前在他们的网站上有一个全屏视频介绍。他们还希望它基于cookie，这样用户回来时只会看到一次视频

到目前为止，我有两个问题：

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>

ua嗅探实际上对于不同的分辨率是一个不错的选择（如上所述）。你说onClick在iPad上不起作用是什么意思？？？当然了！

您是否尝试自动触发单击事件以启动视频？这被iOS阻止-自动播放也将不起作用。用户必须手动启动视频

现在又是1999年！对于#2，当页面呈现时，嗅探用户代理和服务器一个不同的文件。谢谢-这没有帮助。