トップページ動画をランダムに表示させる

このホームページのトップに動画を配置することを決めてから、とても苦労することになりました。
動画の圧縮を行ってもなかなかデータ量が減らないのです。

そこで、動画を2つに分割し静止画とともに3パターンのトップページをランダムに表示することにしました。

動画の分割はQuickTime Player 7で簡単にできます。
その後は、このテーマのhead.phpを書き換えればOKです。

これで1度に読み込まれる動画の重さはほぼ半分になります。

スポンサーリンク

vegasの設定をランダムに

WordPressテーマTCD「UNIQUE」の動画設定はfunctionsフォルダーの中のhead.phpにあります。

以下のようになっています。

この部分にランダム変数を発生させて3つのパターンの設定を配置します。

Math.random()によって発生する変数をJavaScriptで判定すると0の場合のみがfalseの判定となります。

Math.round( Math.random()*3 )は0、1、2、3をランダムに発生させるので、もっとも表示したくない動画をfalse判定としました。
この動画については直接URL指定してあります。

静止画はvideo:を削除するだけです。

この結果、静止画と動画がほぼ半分の確立で表示されるはずです。
また、お楽しみ動画が一つあるといったロジックです。

ところが、一番出にくいはずの動画がよく表示されます。
ランダムなので、正確な確率でコントロール出来ませんでした。

……

head.phpのカスタマイズについては以下のページも参照して下さい。

by T.Y.

スポンサーリンク

関連記事

  1. マルチデバイス対応HPをPCとスマートフォン2種類の固定デザインCSS…

  2. レスポンシブWEBデザインの画面制御スクリプト

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

制作実績一覧

おすすめ記事

最近の記事

– このブログを書いてる人 –

 

 

山本 朝次/Yamamoto Tomotsugu

 

クリエイティブディレクター

 

はじめまして。よろしくおねがいします。

 

柴犬が大好きです。

 

プロフィールはFacebookで。

 

Facebook

 
 
 

PAGE TOP