YouTubeのIFrame Player APIが使用できるか確認する
JavaScriptを使ってYouTubeの埋め込みを実装する機会があったのですが、IFrame Player APIの...
YouTubeの記事一覧
プレイリストからYouTubeの埋め込みを行う
YouTubeのプレイリストの情報を元に、YouTubeの埋め込みが行えるのかを試してみました。...
YouTubeの埋め込み動画を自動再生する
YouTubeの埋め込み動画を自動再生する実装をしようとした際、少しうまくいかないことがあったので対応方法をメモ。...
YouTubeのショート動画の埋め込みをする
YouTubeのショート動画の埋め込み方法に少し迷ったので、埋め込み方法についてメモ。...
YouTube Data APIで再生リスト内の動画情報をまとめて取得する
以前YouTube Data APIで指定した動画の再生数の取得を試してみましたが、今回は再生リストに入っている動画の情...
YouTube Data APIを使ってみる
YouTube Data APIを使って、指定した動画の再生数の取得を試してみます。...
HTMLに直接記述したYouTubeのiframeをJavaScriptで操作する
HTMLにiframeで直接埋め込んだYouTubeをJavaScriptで操作したいということがあったので、実装方法を...
chromeでpointer-events noneが効かない不具合
YouTube埋め込みの前面に要素を重ねてpointer-events: none を指定した際、Google Chro...
YouTubeの再生画質を変更する
YouTubeを埋め込む際、プレーヤーのサイズに応じて再生画質が自動で設定されますが、再生画質を変更したいということがた...
YouTubeプレーヤーAPIでプレーヤーに別の動画を読み込む
YouTubeのプレーヤーに別の動画を読み込ませる方法をメモ。...
YouTubeのプレーヤーを任意のタイミングで埋め込む
APIを使ってYouTubeのプレーヤーを埋め込む際、API読み込み後にonYouTubeIframeAPIReady(...
colorbox.jsでライトボックス表示後にYouTubeを自動再生する
jquery.colorbox.jsを使って、ライトボックス表示後にYouTubeを自動再生させてみます。...
jquery.bxslider.jsを使ったサンプルいろいろ
jquery.bxslider.jsの設定方法を色々と試してみます。 基本的な使い方は、以前書いた記事「jquery.b...
スマートフォンでボタンをクリックした時にYouTubeを再生する
スマホ向けサイトでYouTubeを埋め込む場合、iPhoneではプレーヤーをタップする形でないと動画を再生することができ...
Internet Exprolerで要素が非表示の状態だとYouTube APIのonReadyイベントが発生しない
display: none;状態の要素にYouTube APIで動画を埋め込む処理を行っていたのですが、Internet...
iOSでJavaScriptからのYouTubeの再生ができない
埋め込まれたYouTubeの前面に要素を重ねて、その要素がクリックされたらJavaScriptでYouTubeを再生させ...
YouTubeを複数配置したページで、全画面モードから戻るとページの位置がずれている
YouTubeをAPIを使って多数配置ときに、下の方にあるYouTubeを全画面モードにしてから戻るとページの位置がずれ...
YouTubeで取得できるサムネイルの種類
YouTubeで取得できるサムネイルのサイズの種類を調べてみました。...
YouTubeの初期表示をサムネイルにする
同一ページ内に複数のYouTubeを埋め込むと、ページの読み込みが重くなってしまいます。 その対応として、初期表示はサム...
YouTubeでミュート状態だと、JavaScriptからボリューム変更ができない
YouTubeでボリュームを変更しようとしてできなかったことがあり、なんでだろうと調べてみると、ユーザーの操作でミュート...