怎么在html中显示能播放也能暂停的音频样式？（代码示例）-html教程-PHP中文网

首页

web前端

html教程

怎么在html中显示能播放也能暂停的音频样式？（代码示例）

藏色散人

Aug 11, 2018 am 10:18 AM

本篇文章主要给大家介绍关于html显示音频的具体操作方法。这样对于用户来说，在线可播放功能能大大提高站内效率也可带来一定的流量。希望对有需要的朋友有所帮助。这里我们需要先了解下，在html5中的两个个重要标签。

一、HTML 5 标签，它是 HTML 5 中的新标签，而且此标签必须要有 src 属性。

二、HTML 5

controls 属性规定浏览器应该为音频提供播放控件。如果设置了该属性，则规定不存在作者设置的脚本控件。

html显示音频的具体代码示例如下：

<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
  <source src="so.ogg" type="audio/ogg">
  <source src="so.mp3" type="audio/mpeg">
  <embed height="100" width="100" src="song.mp3" />
  </audio>
  </body>
  </html>

登录后复制

以上代码在页面上显示效果如下：

注：

width、 height中的数字分别表示播放器的宽度和高度。

src 后面可以修改为你自己的音乐地址。

那么以上就是本篇关于html5中如何嵌入音频的相关知识介绍，具有一定的参考价值。望各位采纳。

【相关文章推荐】

html中网页中如何插入音频和视频？

html5中重新加载音频/视频元素的方法load()

html5停止（暂停）当前播放的音频或视频的方法pause()

详细介绍HTML5使用Audio标签实现歌词同步的效果

以上是怎么在html中显示能播放也能暂停的音频样式？（代码示例）的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7864

Java教程

1649

CakePHP 教程

1404

Laravel 教程

1300

PHP教程

1242

显示更多

Related knowledge

HTML容易为初学者学习吗？ Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML，CSS和JavaScript的角色：核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

了解HTML，CSS和JavaScript：初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

Gitee Pages静态网站部署失败：单个文件404错误如何排查和解决？ Apr 04, 2025 pm 11:54 PM

GiteePages静态网站部署失败：404错误排查与解决在使用Gitee...

HTML中起始标签的示例是什么？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。