YouTube Player APIを使用したiframe動画の基本vol2 – ミュートの切り替え | Stronghold Archive
どうもこんにちは。toshikuraです。今回のTipsは【YouTube Player APIを使用したiframe動画の基本vol2 – ミュートの切り替え】です。前回から引き続きYouTube Player APIのiframe Embedsの記事です。前回は動画の設置と再生停止に関しての記事でしたが今回は音量の切り替えが対象なります。 実装方法 動画の設置に関しては割愛していますので詳しくは動画の設置と再生停止をご確認ください。 HTML <div id="player"></div> <a class="youtube_mute" href="#">MUTE</a> <a class="youtube_unmute" href="#">UNMUTE</a> $(‘.youtube_mute’).click(function(){ player.mute(); }); アンミュート
YouTube Player APIを使用したiframe動画の基本vol1 – 動画の設置と再生停止 | Stronghold Archive
どうもこんにちは。toshikuraです。今回のTipsは【YouTube Player APIを使用したiframe動画の基本vol1 – 動画の設置と再生停止】です。少し前にvimeoAPIについて記事を書きましたのでYouTubePlayerAPIについても書いてみようかと思いました。内容は簡単ですができることも多いので覚えておいても損は無いかと思います。 まずはじめに 最初にYouTube Player APIを使用したiframe動画（YouTube Player API Reference for iframe Embeds）を使用するにあたってAPIを読み込んでおく必要があります。また今回のデモではコードを短くしたかったのでjQueryを使用しています（なくてもOKです）。 <script src="js/jquery-1.9.0.min.js"></script> <scr
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
『【カスタマイズ】動画をヘッダーの背景に設定する方法』
※2016年11月21日 更新 コードや本文を一部変更済み。以前のものだと動画上下に黒い背景が表示されてしまうため、新たにjQueryを使用したコードに変更しました。 詳細については、新たにご紹介した記事をご用意しましたので、ご参照ください。 YouTube動画をヘッダーの背景に設定する方法 ------- 先日Youtube動画をヘッダーの背景として利用したサンプルページを作成してみました。 その紹介記事を書いてみたところ、ちょこちょこ反響をいただきましたので、今回この記事にてYoutube動画をヘッダーの背景に設定する方法についてご紹介していきます。 動画をお持ちの方は、ぜひチャレンジしてみてください。 Youtube動画をヘッダーの背景に設定する方法 完成イメージは、以下のサンプルページのヘッダーです。 >> 動画ヘッダーサンプル ※2016/11/21更新 新たな動画ヘッダーを作成
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
