弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 3465|回复: 0

H5制作无声背景视频

[复制链接]
发表于 2018-7-7 15:47:25 | 显示全部楼层 |阅读模式
DIV:
video标签,source里面写视频的路径,autoplay用来使其自动播放,muted用来使其静音,loop为循环播放
<video id="v1" autoplay muted loop style="width: 100%">
    <source  src="uploadfiles/video/video.mp4">
</video>

CSS:
video{
    position: fixed;
    right:0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -9999;
    /*灰色调*/
    /*-webkit-filter:grayscale(100%)*/
}

JS:视频播放速度可以利用video的playbackRate属性来控制video的播放速度,如果要让背景视频以慢速播放的话可以加上下面的javascript
<script>
    var video= document.getElementById('v1');
    video.playbackRate = 0.5;
</script>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-23 23:51 , Processed in 0.069873 second(s), 16 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表