Chromeの「audio・videoタグ(HTML5)」のデザインが変わってた

TIL,ソフトウェア,技術,雑多

画像出典:パソコン版 Chrome

この記事は2018年6月11日に書かれたものです。ご注意ください。

今日言われて気づいたのですが、Chrome67になってから<video src="sample.mp4"></video><audio src="sample/sample.ogg" controls></audio> の表示が変わっていました。

いままでは以下のような表示でしたが…(見づらいので背景色変更)

きづいたらこんな風になってました。なんかデカいしダサい。(見づらいので背景色変更)

仕方が無いのでググったところ、ChromeのURLに

chrome://flags/#enable-modern-media-controls

を入力してDisabledへ変更し、再起動すれば治ります。

ちなみにvideoだとこんな感じ(左が以前、右が今)。

audioタグ、videoタグの確認は以下からできますのでお試しあれ。

http://www.htmq.com/html5/004.shtml

ちなみに動画も音楽も音量調整できません。バグじゃね??
(スマホ用のデザインがPCにも適応されちゃった的な?)