このブログは2027年9月1日をもって閲覧できなくなります

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

今日言われて気づいたのですが、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/audio.shtml
http://www.htmq.com/html5/004.shtml

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