做网站有关机械的图片,wordpress站怎么优化,山西网站建设费用,深圳网站建设官网主要用到了video标签#xff0c;css样式#xff0c;原理是先将video标签利用position:fixed;使video标签脱离文档流#xff0c;在将他的z-index设置为最低的#xff0c;比如-9999。再插入的内容自然就覆盖在视频上面了。1.首先#xff0c;将video插入到网页中#xff0c;…主要用到了video标签css样式原理是先将video标签利用position:fixed;使video标签脱离文档流在将他的z-index设置为最低的比如-9999。再插入的内容自然就覆盖在视频上面了。1.首先将video插入到网页中宽度设置为100%其余的设置按照H5标准根据需求来设置。比如进入网页自动播放(autoplay)、循环播放(loop) 、静音(muted)等。代码如下2.css设置video样式代码如下video{position: fixed;z-index: -9999;-webkit-filter: grayscale(100%);}3.然后就可以在video背景区域添加想要的布局了html代码如下:我是video背景css代码如下div{width:500px;height: 300px;font-size: 8em;color: yellow;}4.如果想要调整video的播放速度可以使用playbackRate属性来实现代码如下var video document.querySelector(video);video.playbackRate 0.5;完整代码如下图
相关文章：
