大家好
这里是新媒体的声音给大家带来的html5教程
不用说，直接看效果图
首先，创建html
再制作一个保存视频背景的文件夹视频
将基本代码写入编写的html
然后，将背景站点视频复制到名为video的文件夹下
我在给刚建的html写视频代码
效果如下
网页不会全屏显示，视频会反复播放
现在，我们为视频添加样式，使其成为名副其实的视频背景
在视频代码中写入class='index-video '
在head的头上写css样式
看看效果吧
现在，网络视频可以全屏播放，并可以编写导航栏等其他效果。 因为现在视频成了我们网页的背景。
现在，给head加上跳码
现在，让我们回顾一下那些代码和需要注意的事情
body体里
css样式
.索引视频
跳码
//网站编码utf-8是通用国际代码
//
在酷跳演示站//web标题的位置属性中规定元素的定位类型。
位置语法：
position :静态总线解决方案
位置参数：
静态：没有特殊定位，对象遵循HTML定位规则
absolute :将对象从文档流中拖动，并使用left、right、top和bottom等属性指定绝对位置。 其层叠由css z-index属性定义。 此时，对象没有页边距，但有页边距和边框
relative :对象不能重叠，但会根据left、right、top和bottom等属性在常规文档流中偏移位置
位置说明：
通过设置对象的放置方式，可以绝对方便地放置布局图层的位置，从而更准确地控制长方体对象。
最小宽度： 最小高度：
width :自动； //宽度自动
height :自动； //高度自动
z-index: -100；
//gydbl中定义的CSS具有位置属性值absolute、relative或fixed。
在z-index中取此值后生效。
此属性参数的值越大，重叠在顶部。
完整的代码