开发者社区> 问答> 正文

有关用视频做HTML网页背景的一些疑问

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>动画背景</title>
<style>
body{
margin:0;
}
video{
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-9999;
}

</style>
</head>
<body>
<video autoplay muted style="width:100%;">
<source src="动画背景5.mp4">
</video>
</body>
</html>

这是百度搜来的一个用视频作为网页背景的代码,现在有个疑问,如何在这段背景播放完之后让背景转换成一个固定的图片或者换个思路让视频停留在最后一帧也行,可以实现么

展开
收起
小旋风柴进 2016-03-16 17:00:41 2831 0
1 条回答
写回答
取消 提交回答
  • 添加ended事件,然后给body设置背景图片什么的

    <video autoplay muted style="width:500px;" id="video1">
        <source src="xxx.mp4">
    </video>
    <script>
        var v = document.getElementById('video1');
        v.addEventListener('ended', function () {
            alert('视频播放完毕!')
                    //....设置背景图片,移除video标签等代码
        }, false);
    </script>
    2019-07-17 19:04:07
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载