横倒しの動画をYouTube上で回転して縦に表示する方法 

 
デジタルサイネージ（液晶看板）で使う縦型の動画は、
折角作った動画ですから、できればホームページやブログで表示したいものです。
 
つまり、こんな動画を

 
↓
 
こんな風にホームページやブログに表示したい

 
この方法はいくつかありますが……
　（１）動画データを縦型に変換する
　（２）CSSで指定する（HTML5以降）
　（３）YouTube上で動画を回転する
といった方法が一般的です。
 
この記事では、（３）の「YouTube上で動画を回転する」方法を紹介します。
以前はYouTubeプレーヤーで上手くできなかった設定ですが、
いつの間にかバージョンが上がって、プレイヤーの縦横比も調整できるようになりました。
いやぁ、商業サイトにとってはありがたい時代ですよ。
 

 
＜手順＞
 
（１）YouTubeに動画を投稿

 
 
（２）動画ページの「動画加工ツール」をクリック

 
 
（３）回転ツールで縦方向に変換

 
 
（４）保存して変換開始

 
 
（５）変換した動画をホームページやブログに貼り付ける

【注意】
YouTubeの埋め込みコード欄では、動画URLの一部が省略されています。
これをそのまま貼り付けると、古いホームページ作成ツール
（ホームページビルダーの14やBINDの4など）に貼り付けると、
動作がフリーズする場合があります。
この場合、省略されている箇所に「http:」を追記すると不具合を回避できます。
 
修正前　src="//www.youtube.com/enbed/アドレス"
修正後　src=" http://www.youtube.com/enbed/アドレス"
 
↓
 
,http://gdata.youtube.com/feeds/api/videos/1YUN5zcvGtg,standard,{"playerWidth":"480","useCustom":false,"autoPlay":false,"autoLoop":false,"autoNext":false,"quality":"default","qualityName":"自動"}
・・・・・・しかし、この体裁では左右が空いて不格好だ！
 
 
（６）プレーヤーの形をととのえる
貼り付けタグの　width　と　hight　を変更して、縦型動画に合うように調整します。
一般的なHD動画は16:9の比率なので、おおむね、
　動画の高さ＝(16×動画の幅)÷9
　動画の幅＝(9×動画の高さ)÷16　　となります。
貼り付けた後に、実際にプレーヤーの体裁を見て、微調整していきます。
 

<iframe width="400" height="730" src="http://www.youtube.com/embed/1YUN5zcvGtg" frameborder="0" allowfullscreen></iframe>
 

<iframe width="300" height="550" src="http://www.youtube.com/embed/1YUN5zcvGtg" frameborder="0" allowfullscreen></iframe>
 

<iframe width="200" height="380" src="http://www.youtube.com/embed/1YUN5zcvGtg" frameborder="0" allowfullscreen></iframe>