【代码片段】HTML5嵌入媒体 (HTML5 Embedded Media)

最新推荐文章于 2025-05-14 23:24:20 发布

weixin_30278311

最新推荐文章于 2025-05-14 23:24:20 发布

阅读量151

点赞数

CC 4.0 BY-SA版权

文章标签：嵌入式

原文链接：http://www.cnblogs.com/kojya/p/4093386.html

本文详细介绍了如何使用HTML5的<video>和<audio>标签方便地嵌入多媒体内容，包括视频和音频文件的不同格式支持，以及如何设置poster图片、控制条和预加载等特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新的<video>，<audio>标签给开发人员提供方便的嵌入媒体方式，这个日后必定很实用。

<video poster="images/preview.png" width="1280" height="720" controls="controls" preload="none"> 
    <source src="media/video.mp4" type="video/mp4"></source> 
    <source src="media/video.webm" type="video/webm"></source> 
    <source src="media/video.ogg" type="video/ogg"></source>
</video>

<audio controls="controls" preload="none">
    <source src="music.ogg" type="audio/ogg">
    <source src="music.mp3" type="audio/mpeg">
</audio>