你的显示文字div需要放在视频标签（video）外边才可以看到
下边是显示文字div的css样式.wenzi{
position: relative
float: left
top: 100px
color: #f00
width: 320px
height: 30px
text-align: center
z-index:1
}
你可以把video标签的属性放入CSS中，比如：video {
width: 100%
height: auto
object-fit: contain
background-color: #000
}
source是为了兼容各个浏览器。因为浏览器对视频格式支持不统一，有些浏览器例如有些浏览器支持 mp4格式 ，那么它就播放第一个 mp4 格式的视频，如果它不支持就检查是不是支持下面的 ogg 视频，如果支持就播放，不支持的话继续向下，下面没有source了，那么就显示“Your browser does not support the video tag.”
注意:
如果你在 <video>内设置了 muted 属性，是可以通过 autoplay 实现视频的自动播放，反之则需要用户手动授权，点击播放才可以实现自动播放。
因为谷歌浏览器禁止页面在没有用户授权的情况下进行有声的视频播放
