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

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

自分のホームページに動画を埋め込む場合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に詳しくないのでもっとシンプルな書き方や方法があるかもしれませんが参考までに。

(※本ページはプロモーションが含まれています。)

  • 広告
  • 広告

関連記事

PageTop

CATEGORY