趣味小教学-用html写一个视频播放器

最新推荐文章于 2024-06-05 10:27:28 发布

个人练习生xx

最新推荐文章于 2024-06-05 10:27:28 发布

阅读量1.8k

点赞数 2

文章标签： html 音视频前端

本文链接：https://blog.csdn.net/m0_56235386/article/details/130046697

版权

以下是一个用HTML编写的简单视频播放器示例，其中包含了视频文件的源地址和一些控制选项：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频播放器</title>
</head>
<body>
    <video width="640" height="360" controls>
        <source src="myVideo.mp4" type="video/mp4">
        <source src="myVideo.webm" type="video/webm">
        <source src="myVideo.ogg" type="video/ogg">
        您的浏览器不支持 video 标签。
    </video>
</body>
</html>

在代码中，<video>元素定义了一个视频播放器，width和height属性分别指定了播放器的宽度和高度。controls属性添加了自带的控制条，使用户可以暂停、调整音量等。<source>元素指定了视频文件的源地址，以适应不同类型的浏览器。

需要注意的是，由于视频文件类型的差异可能会导致某些浏览器不能播放，建议以MP4、WebM和Ogg三种格式提供视频文件，以便更好地兼容不同浏览器。

个人练习生xx

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
趣味小教学-用html写一个视频播放器

需要注意的是，由于视频文件类型的差异可能会导致某些浏览器不能播放，建议以MP4、WebM和Ogg三种格式提供视频文件，以便更好地兼容不同浏览器。属性添加了自带的控制条，使用户可以暂停、调整音量等。元素指定了视频文件的源地址，以适应不同类型的浏览器。属性分别指定了播放器的宽度和高度。元素定义了一个视频播放器，
复制链接

扫一扫