在HTML中创建一个视频播放器

 时间:2026-02-16 14:18:59

1、新建一个HTML文档,如图所示

在HTML中创建一个视频播放器

在HTML中创建一个视频播放器

2、然后在body标签里输入video标签

在HTML中创建一个视频播放器

3、在video标签内输入

controls="controls"

如图所示

在HTML中创建一个视频播放器

4、然后在video标签里输入<source>标签

在HTML中创建一个视频播放器

5、然后在<source>内输入

src="medias/volcano.ogg"

如图所示

在HTML中创建一个视频播放器

6、然后在后面输入type="video/ogg"如图所示

在HTML中创建一个视频播放器

7、然后在定义一个source标签

在HTML中创建一个视频播放器

8、在标签内输入

src="medias/volcano.mp4" type="video/mp4"

如图所示

在HTML中创建一个视频播放器

9、最后按f12预览就可以看到视频播放器了

在HTML中创建一个视频播放器

  • 如何使用HTML5制作视频播放器
  • Navicat怎么关闭在关闭前提示保存新建的查询
  • css如何设置底部边框的宽度
  • html链接下划线去掉
  • 如何使jsp加载本地视频
  • 热门搜索
    缅怀先烈的手抄报图片 关于家乡的手抄报 二年级最简单中秋节手抄报 心理健康手抄报资料 儒家文化手抄报 我成长我快乐手抄报 端午手抄报内容 关于父亲节的手抄报 教师节手抄报内容文字 关于国庆节手抄报