用html怎样为视频添加文本
1、在桌面上右击鼠标,新建一个记事本,并将格式改为.html。
2、右击这个html文件,选择打开方式,记事本,以记事本打开这个文档。
3、输入图中所示内——建立html页面主体。
4、在body后输入下面这段代码,准备为页面添加视频。
<video width="600px" height="300px" autoplay>
<source />
</video>
5、找到需要插入的视频,右键属性,打开属性面板。
6、在属性面板中找到位置,获取视频所在的位置,或者
直接找到视频的网地址,就是浏览器地址栏里的地址。
7、然后,在source标签中输入src="视频的地址",type="视频的解码方式"。比如,插入的是mp4视频,解码方式就是type="video/mp4",如图所示。
8、在video标签下面输入<div>怪兽来了大怪曾啊!啊!啊</div>,插入文本。
9、在style标签中输入,下面这段代码,为文本添加样式。
10、将section设置为相对定位,文本设置为绝对定位并使之处于图示位置。代码如下
section{
position:relative;
}
div{
position:absolute;
bottom:5px;
left:35px;
color:rgba(255,255,255,1);
font-family:"微软雅黑";
font-size:16px;
}
用top和left的像素傎控制文本的位置。
11、在浏览器中打开一下试试看。成功了。
12、完成。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:105
阅读量:179
阅读量:88
阅读量:106
阅读量:52