こんにちは!酢醤油です!
みなさんは、「Google ドライブ」を使ってネットのページに動画を埋め込んだことはありますか?
僕はよくGoogle ドライブで動画を埋め込むのですが、動画の比率が4:3になってしまうのです。
それを16:9に直すことに成功したので、記事にしてみました。
それではどうぞ!
酢醤油
というわけで早速本題にGO!
4:3になった動画
僕は16:9で書き出した動画をGoogle ドライブにアップロードして、ブログに埋め込んでいるのですが、下のように比率が4:3になってしまうのです。
もとから4:3の動画なら問題はないですが、ダジャブロの動画は16:9の動画のほうが多いので、少し困ります。
どこが原因なの?
それはズバリ、Google ドライブで生成しているHTMLのせいです!
Google ドライブのHTMLの問題が起こっている部分として、縦横のピクセル数を指定している部分があります。
<iframe src="https://drive.google.com/file/d/1Hr6CEOU6XzUX1ARr_K0Y6eWlWML8DMaE/preview" width="640" height="480" allow="autoplay"></iframe>
Googleドライブの動画埋め込みで使うHTMLは上のような感じになっているのですが、問題なのは下の画像で囲んだ場所です。
そう、ここに縦横比が指定してあるのです。ここを変更すればいいのではないでしょうか?
失敗例
ここを1920×1080の数値を指定してみました。そうすると・・・
なんと!縦に長い動画ができてしまいました!
これでは16:9ではありません。
成功例
ここの数値を360に指定すればOKです。
こうしたら、上のようにしっかり16:9のワイド画面で読み込まれました!
エンディング
今回は、Google ドライブの動画を16:9にしてみました!
参考にしてくれると嬉しいです!
それでは!
酢醤油
またね!
===END===
コメント