[B! Youtube] nao-tのブックマーク

YouTube 動画埋め込みのレスポンシブ対応方法 - by Takumi Hirashima

YouTube 動画の埋め込みをレスポンシブ対応する方法を紹介します。埋め込みコードをブロック要素で囲み、CSS の aspect-ratio プロパティを使い、アスペクト比を 16:9 に固定することで対応します。縦型動画の場合はアスペクト比を任意の値に変更してください。また、古いブラウザーでも対応できる padding-top ハックを使った方法も紹介します。動画の埋め込みをレスポンシブ対応する方法 aspect-ratio を使った方法 padding-top ハックを使った方法動画の埋め込みをレスポンシブ対応する方法まずは YouTube からコピーした「動画の埋め込みのコード（iframe）」をブロック要素（<div class="youtube">〜</div>）で囲みます。 <div class="youtube"> <iframe width="560" heig

nao-t 2024/06/27

リンク

YouTube APIで動画をPHPを使って取得する使い方 – bl6.jp

YouTube APIを使って動画を取得してみたのでそれの覚え書きです。PHPでの基本的な使い方はsimplexml関数を使用して取得したデータをforeach文で出力していきます。なんかパラメータとか色々あって頭が混乱してきたので整理してみました。といっても初歩的なことですが。 [ads_center] GETでリクエストしてデータを取得するまずは以下のURLを変数に代入します。 $feedURL = "http://gdata.youtube.com/feeds/api/videos?vq=キーワード" キーワードの部分は取得したい動画のキーワードを入れて下さい。もう少しパラメータを付け加えると色々と自分に合うデータを取得できます。例えば以下のようなパラメータを追加してみます。 $feedURL = "http://gdata.youtube.com/f