wordpress添加视频背景至网站页面教程

  • A+
所属分类:网络技术

因为是视频,截图下来的只能是图片,视频太拖速度了,所以只用图做展示了,以下是全屏效果图:

wordpress添加视频背景至网站页面教程

第一段代码是添加视频至页面的,请选择高清视频,视频尺寸是固定全屏的。

<video autoplay="true" loop="loop" preload="auto" id="bgvid">
<source src="视频地址" type="video/mp4"></source></video>

此段代码添加至header.php的</head>前面

 

video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url(polina.jpg) no-repeat;
background-size: cover; }

此段代码添加至 style.css的最前面(如果安装主题请添加至第二个*/后即可)

 

如有疑问请留言

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

您必须登录才能发表评论!