MusicServiceすけどんhtml/cssで2行目以降字下げをするIE11でスタイルシートcssが読まれないshellで空白区切りの文字を分割するここは僕の冷蔵庫。後はあれして食べるだけ。月曜日HTML/CSSITWordpressテーマ作成wordpressなどにYoutubeの動画を張り付ける場合、iframeを使うことが多いです。張り付ける方法youtubeで貼り付け用のコードをもらう2014.10現在、youtubeで「埋め込みコード」のボタンを押すと、こんなようなタグが生成されるかと思います。allowfullscreen></iframe>これを記事にペーストしてあげるだけです。Wodpressへ直接貼り付けるテーマによっては、記事に「https://www.youtube.com/watch?v=vn5Ikcg5mQQ」などと、youtubeのアドレスを貼るだけで動画は張り付けられる場合もありますねん。—-ただ、これらには少々難点が。widthやheightが強制的に記載されているので、ブラウザのサイズに応じたフレキシブルなものが出せない。私は好きじゃありません。対策そこで、こんな感じで記事に貼り付けます。</iframe></div>iframeで出力するyoutube動画のサイズは指定しません。あわせて、iframeの周りにdiv要素をつけてます。することで、css上で結構色々加工できますからね。動画のIDは、「https://www.youtube.com/watch?v=vn5Ikcg5mQQ」のvn5Ikcg5mQQの部分です。100%;}のように指定してあげます。すると、いつでも記事の幅いっぱいに、youtube動画がみられますよ。面倒解消youtubeを張り付けるのに、いつも動画IDを抜き出して、先ほどのタグでHTMLを作るのは面倒です。」で紹介したshortcodeのテクニックを利用します。小難しく感じるかもしれませんが、やることは単純です。下記のコードを記載します。'gemone_shortcode_youtube');wordpressの記事の中では、[tube]https://www.youtube.com/watch?v=vn5Ikcg5mQQ[/tube]って記載すればOK。tubeの中に記載するのは、youtube動画のURLそのままです。すると、wordpressの記事にyoutube動画が張り付けられますよ。—-先ほどのコードの説明を少し。preg_match関数で、「https://www.youtube.com/watch?v=vn5Ikcg5mQQ」のvn5Ikcg5mQQの部分を抜き出してます。抜き出したあと、先ほどのHTMLを書きかきしてるだけです。こんな感じで出てくるわけです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。Nemuizo.comねむい蔵(nemuizo)へようこそ。Gem-one(ジェムワン)権蔵の冷蔵庫サイトです。私が、勉強した、経験した、頂いた情報を、貯蔵庫(このサイト)にしまっています。好きな時に出して、好きなように再利用していこうかなと。すけどんも絶賛運用中。Gem-one(ジェムワン)権蔵の冷蔵庫サイトです。私が、勉強した、経験した、頂いた情報を、貯蔵庫(このサイト)にしまっています。好きな時に出して、好きなように再利用していこうかなと。