type:any

【技術プチメモ】AndroidのChromeのみvideoタグで出している動画の色がおかしかったので対応

{ category: "Front-end" }

今回videoタグの動画(mp4)を使ったwebサイトだったのですが、AndroidのChromeでだけ白背景の動画の白が薄いグレーになっている(色味が変わっている)という現象が起きました。

あまり記事がなくてこまっていたのですが、調べていくとStack Overflowに下記の記事がありました。

https://stackoverflow.com/questions/28026976/html5-player-wrong-video-colors/41897389#41897389

こちらを参考に、

-webkit-filter: contrast(110%);

をvideoタグにかけてみたところグレーが白になりました。私の場合はデバイスとブラウザを絞ってCSSをかけたわけではありませんでしたが、AndroidのChromeに絞ってCSSをかけたほうがいいのかもしれません。(多分、色味少し変わっちゃうので。)