HTML 在网页中使用HTML嵌入媒体播放器

在网页中使用HTML嵌入媒体播放器,可以使用<video>标签或<audio>标签,下面分别介绍这两种方法的详细步骤:

HTML 在网页中使用HTML嵌入媒体播放器
(图片来源网络,侵删)

使用<video>标签嵌入视频播放器

1、打开HTML文件,找到你想要插入视频的位置。

2、在该位置插入以下代码:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持Video标签。
</video>

3、修改代码中的宽度和高度属性,以适应你的网页布局,将宽度设置为640像素,高度设置为360像素:

<video width="640" height="360" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持Video标签。
</video>

4、修改代码中的src属性,指向你要播放的视频文件,将视频文件名改为my_video.mp4

<video width="640" height="360" controls>
  <source src="my_video.mp4" type="video/mp4">
  <source src="my_video.ogg" type="video/ogg">
  您的浏览器不支持Video标签。
</video>

5、如果需要添加更多视频格式支持,可以继续添加<source>标签,并指定不同的视频文件和格式,添加一个Ogg格式的视频文件:

<video width="640" height="360" controls>
  <source src="my_video.mp4" type="video/mp4">
  <source src="my_video.ogg" type="video/ogg">
  <source src="my_video.webm" type="video/webm">
  您的浏览器不支持Video标签。
</video>

6、保存HTML文件,然后在浏览器中打开该文件,你应该能看到嵌入的视频播放器以及可选的播放、暂停等控制按钮。

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/476124.html

(0)
未希新媒体运营
上一篇 2024-04-15 02:35
下一篇 2024-04-15 02:36

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购  >>点击进入