タグ

Youtubeとhtmlに関するanimistのブックマーク (3)

  • YouTube Player APIを使う時のtips集 | Tips Note by TAM

    以前にYouTube Player APIの基的な使い方をまとめたので、今回は実際に使う時に便利そうなtipsをいくつかまとめてみました。 以前の記事はこちらです。 YouTube Player APIを使って色々やってみる ■目次 動画のループ再生 動画の自動再生 タイトルやコントロールバーを出さないようにする 動画再生の開始位置や終了位置を設定する 動画の画質を変更する 初期表示をサムネイルにする 背景動画にする 1. 動画のループ再生 動画のループ再生を設定する方法は2種類あります。 1-1. パラメータで設定する パラメータで設定する場合、loopとplaylistを使用します。 ■HTML <div id="sample"></div> ■JavaScript // IFrame Player API の読み込み var tag = document.createElement

    YouTube Player APIを使う時のtips集 | Tips Note by TAM
  • Youtubeの埋め込みを使いこなす、20個のテクニックまとめ | ちもろぐ

    【基編】動画の埋め込みと設定1. Youtube動画をブログに埋め込む ブログやサイトにYoutube動画を埋め込みたい時、もっとも簡単な方法がYoutubeから直接「埋め込みコード」を取得し、コピペするという方法です。 <iframe width="560" height="315" src="https://www.youtube.com/embed/KIViy7L_lo8" frameborder="0" allowfullscreen></iframe>コピーした埋め込みコードをブログに直接貼り付ければ… この通り。Youtube動画がブログから見れるようになります。 なお、埋め込みコードの欄に「リクエストによる埋め込み無効」と書かれている場合はブログやサイトに動画の埋め込みは出来ません。例え、コピペした埋め込みコードのURL部分だけを書き換えても、動画は見れないので諦めましょう

    Youtubeの埋め込みを使いこなす、20個のテクニックまとめ | ちもろぐ
  • iframe 組み込みの YouTube Player API リファレンス  |  YouTube IFrame Player API  |  Google for Developers

    iframe 組み込みの YouTube Player API リファレンス コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 IFrame Player API を使うと、YouTube 動画プレーヤーをウェブサイトに埋め込み、JavaScript でプレーヤーを制御できます。ウェブページに Flash オブジェクトを埋め込む Flash や JavaScript のプレーヤー API とは異なり、IFrame API はコンテンツをページの <iframe> タグに投稿します。この方法は従来の API よりも柔軟で、Flash をサポートしていないモバイル デバイスの場合に、Flash プレーヤーではなく HTML5 プレーヤーで YouTube を利用できます。 この APIJavaScript 関数を使うことで、再生する動画の頭出し、動画の再生

  • 1