admin管理员组

文章数量:1794759

css 设置MP4 video视频背景色透明

css 设置MP4 video视频背景色透明

css mix-blend-mode 属性

mix-blend-mode 可以对图片或者视频进行混色 mix-blend-mode讲解

mix-blend-mode 使用

背景图

视频（上传不了，附上地址） bpic.wotucdn/12/80/35/00bOOOPIC41.mp4

代码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob)</title> </head> <style> div { width: 587px; height: 881px; background: url('img-pre.ivsky/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="bpic.wotucdn/12/80/35/00bOOOPIC41.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 video 标签。 </video> </div> </body> </html>

效果图

本文标签： 背景色透明视频cssvideo

版权声明：本文标题：css 设置MP4 video视频背景色透明 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686969334a123670.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。