• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:jQueryプラグインtubular使い方について)

jQueryプラグインtubular使い方について

このQ&Aのポイント
  • アメブロの背景全体にYOUTUBE動画を流す方法がわからない
  • jquery-tubularの使用方法を教えてください
  • 先にjQuery本体を読み込み、続いてjquery-tubularを読み込む必要があります

質問者が選んだベストアンサー

  • ベストアンサー
  • celtis
  • ベストアンサー率70% (2332/3291)
回答No.1

この記事を参考にされていると思います。 http://on-ze.com/archives/1120 >jquery-tubularのjquery-tubular1.0.1ってやつも取り込みました。 とありますが、アメーバブログにアップロードしたという意味でしょうか? 表示したいhtmlファイルと同じディレクトリにアップロードしていると仮定します。 >サイトで載っている、「先にjQuery本体を、続いてダウンロードしてきた >jQuery Tubularを読み込み」っていう部分も意味が分かりません。 htmlの<head>タグ内部に <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript" src="jquery.tubular.1.0.js"></script> <script> $(function(){ $('document').ready(function() { var options = { videoId: 'ここに表示したいvideoID'}; $('#window').tubular(options); }); }); </script> と追加すればいいでしょう。 そして<body>タグのすぐ下に <div id="window"> </body>タグのすぐ上に </div> と追加しましょう。 このあたりの記事も参考になると思います。 http://pannyatto.firebird.jp/archives/37 http://studio-benkei.com/jquery-tubular ただし、アメーバブログのようなレンタルサーバーで、この機能が動くかどうかはなんとも言えません。

maimaiidnumber
質問者

お礼

ご親切に教えていただき、 ほんとにほんとに有難うございます!! 全然やり足りてない部分がありました。 解答の通りにやってみます!