youtubeのレスポンシブ対応

障害報告した内容ですが、同じ症状の方がいるかとおもいますので、一応記述しておきます。

単に、外観＞カスタマイズ＞レイアウト（全体・リスト）＞完全レスポンシブデザインにするにちぇっくすれば、スタイルシートに何も記述せず、youtubeのiframeタグを入れるだけで良い様です。

１日はまって潰してしまいましたwもうsimplicityから離脱しようかまよってたところ解決ですw

個人的には、Simplicityのiframeレスポンシブ部分を全て解除して、プラグインのAdvanced Responsive Video Embedderを利用しています。Youtubeのアドレスを編集画面のボタンから貼っつけるだけで、各モード設定するだけでショートコードを作ってくれます。

デイリーモーションでも、その他諸々でもたいていイケると思います。

去年ぐらいに書いた記事ですが、 WordPress plugin Advanced Responsive Video Embedderのススメ あたりでどうぞ。

「意味はないかと思います」とかくくらいなら、最初からread　meをつくってくれるといいですね。
使う側がどこまで対応しているか、ソースをおっかけるとなると、そもそも「便利なテーマ」という点から逸脱するきがします。

Hidekichiさん、毎回ありがとうございます。早速参考にさせていただきました。

紹介しといてアレなんですが、Advanced Responsive Video Embedderは、(今日現在の)最新バージョンでは、今までできていたlazyloadや、colorboxによるモーダル表示等が(レガシー)プラグイン単体ではできなくなっているようです。
幸いにも自分はこれまでのバージョンのプラグインがあるので問題はないのですが、これから利用するにあたっては激しくオススメできません。
拡張機能となったlazyloadやその他諸々の利用が、有料になったのか、登録制になったのかはちゃんと公式を読んでいないので定かではありませんが、折角紹介したほんの数日でアップデートされてこういう事態になったので、何かできないものかと色々やっておりました。

例えばこれ→ youtubeのアドレスをdiv class=’test’の中に書くと、自動でレスポンシブプレーヤーにするラフプログラム | fiddle

タイトルは、今思いつきで付けたので長いですが、こういう感じのをちょろちょろしています。
ただ、これうちのchromiumでは再生できないんですよね（笑）
firefoxでは大丈夫なんですけどね。なんでだろうと、考えこんで現在に至ります。

レスポンシブの部分は、Advanced Responsive Video Embedderからパクった流用したり、改造したり色々やってるんですが、プレイヤーを読み込むまでは行くんですけど、うちのchromiumは「エラーが発生しました」みたいのが出てちゃんと再生できないんです（笑）
firefoxはどうでもええねんって感じなんですが、なぜにfirefoxは動作して、chromiumではダメなのかが判明せず。adblockみたいなヤツのせいかなぁとも思うんですが、なんでしょうね（笑）

ちなみに、どういうことをしているかと言いますと、
<div class=test>youtubeのアドレス(youtube.com/watch?v=xxxxxxxx)</div>
から、埋め込みコードを作成して、更にサムネイルも作成しつつ、ボタン押したら埋め込みコードが動作するというやつです。たくさんの動画が埋め込まれると重くなるかも知れません。まだ開発中なので。頓挫する可能性も高いです（笑）

サイズを指定したい場合は、cssに .small { width: 400px; height: auto;}みたいのを作って、testの横に付け加えればそのサイズになると思います。

更に詳細は、ここのフォーラムとは関係ないので、一応完成に近づいたらまた自分のブログででも書くことにします。
こういうこともできますよと言う感じのゆるーい話として。
もしかしたら、再生できないのはうちのchromiumだけなのかも（笑）