ワードプレスで構築したサイトにvideoタグで動画を設置しています。
html
1<video src="video.mp4" poster="videoimg.png" autoplay loop></video> 2
Firefox、Edge、IE、動画視聴ソフトでは問題無い動画が、なぜかChromeでは動画の上から緑色のグラデーションのようなものがかかってしまいます。
CSSの問題かとも思いましたが、ChromeでvideoファイルのURLを直接打ち込んで表示しても同じ結果でした。
(ChromeからDLしても動画は正常な配色で再生されます。)
また、全てのMP4で発生しているという事ではなく、問題無く表示されているサイトのMP4ファイルをお借りして設置してみると、グラデーションのようなものはかからず正常に表示されました。
上記の結果から、私が設置しているmp4自体に原因がありそうですが、Chrome以外では問題無いので理由が全く分からない状況です。。
ご教授いただけますと幸いです。
あなたの回答
tips
プレビュー