一緒に仕事をしているクライアントがいて、ホームページにリダイレクトする前に、サイトにフルスクリーンのビデオ イントロを表示したいと考えています。また、ユーザーが戻ってきたときに一度だけビデオを見ることができるように、Cookie ベースも必要です。
これまでに2つの問題があります:
1) iPad では onClick() が機能しないため、iPad でビデオをレンダリングできません。私は他の人を試しましたが、まだ理解できません。2) 彼らは Web 用に高品質のビデオを、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>