tenpraxxxのプロフィール

@tenpraxxx tenpraxxx
ありがとう数8
質問数12
回答数8
ベストアンサー数
1
ベストアンサー率
50%
お礼率
94%

  • 登録日2012/04/14
  • 現在制作しているサイトで、複数のYoutube動画

    現在制作しているサイトで、複数のYoutube動画をページに読み込んでいます。 1ページに10動画ほどです。 外部テキストファイルを準備して、そのなかに表示させたいYoutubeの埋め込みコード(iframe)を記述しAjaxでページに読み込んでいます。 このテキストファイルだけを更新すれば、ページに反映されるようにして、管理しやすくしたかったためです。 動画一つにつきサムネイルを準備してリスト化し、そのサムネイルをクリックすると、ライトボックス風にYoutubeの動画を表示し、再生を押すと動画が始まります。 その際、次の動画を見ようと思った時、いちいちライトボックスを閉じてまた次のサムネイルをクリックしなければいけないので、ライトボックス上に、次へと前へボタンをつけました。 これをクリックすると、次の動画や前の動画を表示させることはできたのですが、一度動画を再生させてから次の動画を押すと、表示は次の動画に変わるのですが、当然一度再生した動画は再生されたままになります。 見た目上は次の動画に行っても、音声はずっと再生されたままになってしまいます。 これを回避するため、次へや前へボタンを押した時に動画をストップさせる処理を追加したいのですが、iframeで読み込んだYoutubeを自作のボタンから停止させる方法がわかりません。 再生などは必要なく停止だけできれば問題ないと思っています。 色々調べたら、どうやらYouTube JavaScript APIというのを使って、Javascriptで動画を制御できるみたいなのですが、イマイチやり方がわかりませんでした。 そもそも、このAPIでできるのか、できるならやり方はどうやるのかを教えていただけませんでしょうか？ わかりやすく説明されているリンクなどでも構いませんので、どなたかご教示いただけませんか？

  • googleやyahooの検索結果の表示について

    よく、企業の公式HPのデザインを参考に見ようと思って googleやyahooなで検索するのですが、 トップページの検索結果のほかに「教えてgoo」の場合 「カテゴリ一覧」や「美容・健康」などのサブコンテンツを検索結果に 表示するにはどうしたらよいのでしょうか？

  • ウェブサイトのスライドショーについて

    ウェブサイトでよくトップページなどに写真のスライドショーがありますが、あのスライドショーはどのようなファイル形式で作ったらいいのでしょうか。 ・・・MP4、、、SWF、、、どれも一長一短な感じなのですが、どの形式が主流なのでしょうか。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • yumi2007
    • HTML
    • 回答数2
  • ツイート　いいね　ハテブ　ボタンについて

    サイトにツイート　いいね（フェイスブック）　ハテブ　ボタンを設置しているのですが、現在トップページのみです。 というのもこれらのボタンは全てページによって、ボタンのソースのページURLを変えなければいけないですよね。 Wordpressならば自動で設置してくれる機能があるかと思うのですが、そうでないサイトの場合どのように設置しているのでしょうか。 簡単に設置できる方法があれば教えてください。 回答よろしくお願いします。

  • CrossSlideのスライドショーが中央に設置で

    CrossSlideのスライドショーが中央に設置できなくて困っています。左端には問題なく設置できて動くのですが、中央に指定しても、中央に作ったテーブルの中に入れても、テーブルの中央に入れても、そのまま左端にしか表示されません。 どうしたら中央に表示させることができるでしょうか。 宜しくお願い致します。 下記は、そのソースです。 画像は14ありますが、省略して2個に書き直してあります。 W7で、ブラウザはFireFoxです。 宜しくお願い致します。 <html> <head> <title>無題ドキュメント</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="jquery.cross-slide.min.js"></script> </head> <body bgcolor="#000000"> <div id="slidedisp" style="width:800px;height:300px;"></div> <p align="center"> <script type="text/javascript"> $('#slidedisp').crossSlide({ fade: 1 },[ { src: '1.jpg', from: 'center center 1.5x', to: 'center center 0.8x', time: 4.0 }, { src: '2.jpg', from: 'center left 1.0x', to: 'bottom right 1.0x', time: 4.0 } ]); </script> </p> <p>　</p> </body> </html>

もっと見る