タグ

2015年1月18日のブックマーク (2件)

  • Youtube の埋め込み動画を自動再生やループ再生やプレイリストを再生する方法

    投稿日:2014/02/16 サイトに Youtube の埋め込みプレイヤーを貼り付ける方法は二つあります。 一般的なのは Youtube の再生ページから貼り付けコードを取得したときに使われる、iframe の HTML5 のコードです。 他に Java Script Player API という様々なパラメータを使える貼り付け方があるのですが、こちらはコードが長く一般的ではありません。 大半のパラメータは iframe HTML5 のプレイヤーで使用できるので、こちらのタイプでの設定方法を紹介します。 Youtube の再生ページから、共有>埋め込む>コードを取得、で取得したコードは次のようになります。 <iframe width="幅" height="高さ" src="https://www.youtube-nocookie.com/embed/動画 ID" frameborder

    Youtube の埋め込み動画を自動再生やループ再生やプレイリストを再生する方法
  • 『【カスタマイズ】動画をヘッダーの背景に設定する方法』

    ※2016年11月21日 更新 コードや文を一部変更済み。以前のものだと動画上下に黒い背景が表示されてしまうため、新たにjQueryを使用したコードに変更しました。 詳細については、新たにご紹介した記事をご用意しましたので、ご参照ください。 YouTube動画をヘッダーの背景に設定する方法 ------- 先日Youtube動画をヘッダーの背景として利用したサンプルページを作成してみました。 その紹介記事を書いてみたところ、ちょこちょこ反響をいただきましたので、今回この記事にてYoutube動画をヘッダーの背景に設定する方法についてご紹介していきます。 動画をお持ちの方は、ぜひチャレンジしてみてください。 Youtube動画をヘッダーの背景に設定する方法 完成イメージは、以下のサンプルページのヘッダーです。 >> 動画ヘッダーサンプル ※2016/11/21更新 新たな動画ヘッダーを作成

    『【カスタマイズ】動画をヘッダーの背景に設定する方法』