Google ドライブ(Google Drive)にアップロードした動画をWEBページに埋め込んだら、動画の表示位置に自動的にスクロール(移動)してしまう・・・【技術情報】14.07.18

自分のホームページに動画を埋め込む場合YoutTubeに動画ファイルをアップロードし埋め込みコードを取得して設置する方法が手軽で一般的ですが、何等かの理由でGoogleドライブ(Google Drive)にアップロードした動画をWEBページ設置する場合もあると思います。
しかし、Googleドライブの動画を設置した場合、設置した動画の位置に自動的にスクロール(移動)するという現象が発生します。(動画が画面の中央で表示されるように)
これはGoogleドライブ動画の仕様のようです。
(参考:http://bizvalley.co.jp/blog/837.html

この仕様だと長いページの途中にGoogleドライブ動画を設置した場合、ページに遷移してきた際、コンテンツの先頭が表示されないのでかなり違和感があります。
なぜ、このような仕様なのか分かりませんが現状、解除するパラメータやオプションなどもないようです。
今後、この仕様は改善される可能性はありますが、とりあえず強引に下記のJavaScriptで回避しました。

<script language="JavaScript">
<!--
  window.onload=pgLoad;
   function pgLoad(){
    var targetOffset = $('#header').offset().top;
    $('html,body').delay(0).animate({scrollTop: targetOffset}, 0, "fast");
   }
// -->
</script>

(※「jquery.js」は別途読み込んでください。)

ページの読み込みが完了した時(Googleドライブ動画のスクロール制御が完了した時)に「#header」に再度スクロールさせます。(スクロールスピードは0に設定していますのでスクロールアニメーションはされません。)

JavaScriptに詳しくないのでもっとシンプルな書き方や方法があるかもしれませんが参考までに。

このエントリーをはてなブックマークに追加
「WEBaseとつながろう!」LINEでマーケティング情報を定期的に発信していきます。集客に興味がある方は、友達登録お願い致します。
Contents
お知らせ 一覧
使命は集客、戦略的WEB集客サポート「WEBコンサルティング」
お試しWEBコンサルティング
完全成果報酬型SEO対策「インジーニアスSEO」
戦略的ホームページ制作・リニューアル
「WEBaseとつながろう!」LINEでマーケティング情報を定期的に発信していきます。集客に興味がある方は、友達登録お願い致します。
ページTOPへ