HTMLに直接記述したYouTubeのiframeをJavaScriptで操作する
HTMLにiframeで直接埋め込んだYouTubeをJavaScriptで操作したいということがあったので、実装方法を...
YouTubeの記事一覧
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を再生させ...