css 设置MP4 video视频背景色透明
生活随笔
收集整理的這篇文章主要介紹了
css 设置MP4 video视频背景色透明
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
CSS mix-blend-mode 屬性
mix-blend-mode 可以對圖片或者視頻進行混色
mix-blend-mode講解
mix-blend-mode 使用
背景圖
視頻（上傳不了，附上地址）
http://bpic.wotucdn.com/12/80/35/00bOOOPIC41.mp4
代碼
<!DOCTYPE html> <html><head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <style>div {width: 587px;height: 881px;background: url('https://img-pre.ivsky.com/img/tupian/pre/201906/29/shanjiao_fangwu-003.jpg') center/ 100% 100%;}video {mix-blend-mode: screen;} </style><body><div><video width="587" height="881" controls><source src="http://bpic.wotucdn.com/12/80/35/00bOOOPIC41.mp4" type="video/mp4">您的瀏覽器不支持 HTML5 video 標簽。</video></div></body></html>效果圖
總結
以上是生活随笔為你收集整理的css 设置MP4 video视频背景色透明的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 002-全屏视频背景
- 下一篇： R 返回元素在数据框或者向量中的位置？