瞳孔中的彼岸 2016-03-27 17:03 采纳率: 0%
浏览 1880
已采纳

有关用视频做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>

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

  • 写回答

2条回答

  • Go 旅城通票 2016-03-28 02:03
    关注
     添加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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥35 平滑拟合曲线该如何生成
  • ¥100 c语言，请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 自己瞎改改，结果现在又运行不了了
  • ¥15 链式存储应该如何解决
  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站