用html怎样为视频添加文本

 时间:2024-10-12 00:47:21

1、在桌面上右击鼠标,新建一个记事本,并将格式改为.html。

用html怎样为视频添加文本

3、输入图中所示内——建立html页面主体。

用html怎样为视频添加文本

5、找到需要插入的视频,右键属性,打开属性面板。

用html怎样为视频添加文本

7、然后,在source标签中输入src="视频的地址",type="视频的解码方式"。比如,插入的是mp4视频,解码方式就是type="video/mp4",如图所示。

用html怎样为视频添加文本

8、在video标签下面输入<div><p>怪兽来了</p><p>大怪曾</p&爿讥旌护gt;<p>啊!啊!啊</p></div>,插入文本。

用html怎样为视频添加文本

9、在style标签中输入,下面这段代码,为文本添加样式。

用html怎样为视频添加文本

10、将section设置为相对定位,文本设置为绝对定位并使之处于图示位置。代码如下衡痕贤伎section{ position:relative;}d足毂忍珩iv{ position:absolute; bottom:5px; left:35px; color:rgba(255,255,255,1); font-family:"微软雅黑"; font-size:16px;}用top和left的像素傎控制文本的位置。

用html怎样为视频添加文本

11、在浏览器中打开一下试试看。成功了。

用html怎样为视频添加文本

12、完成。

  • 如何在HTML中插入图片
  • html首行缩进怎么设置
  • HTML代码如何去除超链接的下划线
  • html如何把两个网页连接起来
  • html背景图片自适应屏幕大小
  • 热门搜索
    hope什么意思 石女什么意思 高筋面粉和低筋面粉有什么区别 花青素是什么 明天是什么节日 什么茶减肥 咖啡因是什么 pink什么意思 size是什么意思 时光荏苒是什么意思啊