html多媒体播放HTML原生

最新推荐文章于 2024-04-09 00:54:07 发布

原创最新推荐文章于 2024-04-09 00:54:07 发布 · 333 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

语言学习笔记专栏收录该内容

193 篇文章

订阅专栏

本文介绍如何使用HTML原生标签实现视频和音频的播放，并探讨了video.js等第三方库的应用。通过具体的代码示例展示了autoplay、muted等属性的使用方法及其对用户体验的影响。

多媒体播放除HTML原生的还有很多其他的第三方库如：video.js

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 
    <video src=C:\Users\***\Desktop\video\yingwen\2.mp4" controls muted autoplay poster="fengmiantupian"
    preload="metadata" loop>

    </video><!--muted autoplay等标签的使用是为了保护用户的体验  preload加载方式 loop循环播放-->

    <audio src="G:\新建文件夹\音乐\春风十里-鹿先森乐队.aac" controls muted ></audio>
</body>
</html>