HTML如何设置音频播放器控件的大小

最新推荐文章于 2023-05-08 01:24:29 发布
最新推荐文章于 2023-05-08 01:24:29 发布
阅读量8.1k 收藏 1
点赞数 2
分类专栏： HTML 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zouhuidong/article/details/89789349
版权

如下所示：

<object height="100" width="100" data="../i/horse.mp3">
</object>

height指定控件高度
width指定控件长度
data指定音频文件的路径

ZouHuiDong
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Component Toolbox 6 OCX控件（注册版本）
04-25
包含数十控件，个人常用的。包含注册码 ctAlarm－可编程式闹钟控制器； ctBanner－有的动画效果条幅/选取框控件； ctButton－可在按钮上加入透明效果或鼠标效果； ctCalc －简单的数学计算器控件； ctCalendar －多月选择日历； dbiCalendar －滑动式虚拟日历，支持I-Calendar； ctCheck －增强的复选框； ctColor －彩色的通用对话框； ctColorButton －支持下拉式彩色调色板的按钮控制器； ctColorCombo -颜色组合选择框； ctCombo －增强的组合选择框； ctContact －联系人列表； ctCPick －另一种彩色通用对话框，有别于ctColor ； ctData －浏览按钮集合； ctDate －月份日历，支持一次表示一个月或多个月； dbiDate －支持一次显示多月的控制器； ctDays －XP风格的简单日期浏览控制器，特别适合使用于微软的Outlook上； ctDEdit －文本编辑框，支持日期和时间的输入； ctDial －可在用户输入界面上加入立体对话框风格； ctDigit -数字式显示控件； ctDropDate －日期编辑控件，内建了下拉式日历； ctDropMenu－用于创建和显示下拉式或弹出式菜单； ctExplorer－功能强大的浏览器界面控制器，它已为用户提供了所有的浏览器标准界面元素，用于帮助用户定制浏览器。 ctFile －实用的控制器，用于提供打开文件和保存文件的通用对话框； ctFill－仪表类型控件，用于模拟对不规则图形对象的渲染； ctFold －容器对象，用于模拟标签式文件夹； ctFont －控制器，用于激活标准的字体选择对话框； ctFormFX －为窗体定制背景效果； ctFrame －简单的容器对象，内建了多种特殊的绘图效果； ctGauge －在进行标尺类型的显示时，提供针式或比例尺式的可视化表示效果； ctGrid －数据输入单元格； ctGroup -增强的分组对话框控件； ctHtml －HTML浏览器对象； ctHyperLink －标题控件，用于用户打开链接文档； ctImage －图片列表控件； ctList －增强的列表对话框控件； ctListBar －浏览控件，近视于微软的Outlook列表条； ctMDay －多列日期浏览控件，特别使用适用于约会日程表和资源计划书之中； ctMEdit －可进行隐藏编辑的文本输入对话框控件； ctMenu －不可见的菜单通告对象； ctMeter －增强的可视化标尺式进度条； ctMonth －支持定制的月份浏览控件； ctMove －动画按钮或多状态按钮控件； ctNavBar －XP风格的分层式树形浏览控制器，支持主题浏览功能； ctPaper －文本标签控件，可模拟页面背景； ctPlayer －CD音频播放器控件； ctPrint －用于激活标准打印机通用对话框的控件； ctPush －增强的图片按钮； ctRadio －增强的单选按钮； ctRotate －文本标签控件，用于模拟旋转的文本动画； ctRuler －标尺对象，用于表示时间线或测量仪器； ctSched －精简型的日程条控件； ctScroll －增强的滑动条； ctSize －弹性控件，用于对其子控制器调整大小和指定位置； ctSlide －增强的滑动控件； ctSList －滑动式列表控件； ctSpin －微调按钮控件； ctSpiral －用于模拟螺旋式标签型记事本界面的对象； ctSplit －分割条控件，用于将一个区域分割为两个长方块； ctTabs －页制表条控件； ctText －增强的文本标签对象； ctTips －为对同一窗体中其他控制器提供弹出式的帮助提示； ctToolBar -水平工具条和菜单控件； ctTray －提供在系统托盘区显示图标的功能； ctTree －增强的分层式树形/大纲型控制器； ctVList －改进的虚列表控件； ctWave －波形文件播放器控件； ctWeek －XP风格的周浏览控件； ctYear －提供月份浏览功能的日历控件，具有显示多个连续月份的能力。
H5--> <audio>操作
dengtiao5633的博客
10-29 223
HTML5支持的视频格式： Ogg =带有Theora视频编码+Vorbis音频编码的Ogg文件 支持的浏览器:F、C、O MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件 支持的浏览器: S、C WebM=带有VP8视频编码+Vorbis音频编码的WebM格式 支持的浏览器: I、...
如何调整html中音乐播放器的大小,html5实现在线响应式音乐播放器
weixin_27027459的博客
06-03 1259
大基发猿U移近础开未C变近础开未C变近础开概很早的时候就有想法做一个音乐播放器玩玩，以前可能还考虑过做APP，大一的时候第一个html的静态页面也是做的音乐网站，想想，大概小时候比较喜欢音乐吧。然而，现在入了前端大坑，就用h5做一个耍耍好了。功能不多，UI不美，But，练习了html5中audio及其API的使用。欢迎吐槽接愿目的那前机专容图缩近上意对这些端制门手标略近上意对这些端制门手标略近上意...
如何调整html中音乐播放器的大小,HTML5音乐播放器（三）：播放进度，时间显示以及音量的调节...
weixin_33305349的博客
06-03 2779
时间真是不够用，只能晚上抽空把功能完善了，这节我们说下歌曲播放进度，时间显示以及音量的调节这三个部分。一.歌曲播放进度这个功能用到的 audio api 主要有：currentTime() ：以秒为单位返回从开始播放到目前所花的时间，也可设置 currentTime 的值来跳转到特定位置；duration：获取媒体文件的播放时长，以秒为单位，如果无法获取，则为 NaN；歌曲进度：首先先设置一个定时...
HTML开发王
01-03
目录: 目录 第1篇 html基础入门篇 第1章 建立首要的、基础的正确认知 1.1 internet和万维网 1.1.1 什么是www(万维网) 1.1.2 w3c是什么 1.2 网页、浏览器、网站和网络服务器 1.2.1 网页和浏览器 1.2.2 不可不知的浏览器发展史 1.2.3 浏览网页 1.2.4 网站和网络服务器 1.3 了解html语言 1.3.1 关于html和html编辑器 1.3.2 创建第一个网页 1.3.3 查看网页的源文件 1.4 html 4.0的特点 1.4.1 国际化 1.4.2 可访问性 1.4.3 表格 1.4.4 混合文档 1.4.5 样式表 . 1.4.6 脚本 1.4.7 打印 1.5 巩固与自测 第2章 html文档的基本结构 2.1 使用dreamweaver创建第一个网页 2.1.1 dreamweaver安装和配置向导 2.1.2 使用dreamweaver创建网页的基本步骤 2.1.3 使用dreamweaver的基本知识 2.2 html文档的基本结构 2.2.1 了解sgml和html的关系 2.2.2 html简要的历史和为何要使用html 2.2.3 html 4.01的版本和文档类型声明 2.2.4 [html][/html]标签对和属性 2.2.5 [head][/head]标签对 2.2.6 [body][/body]标签对 2.3 巩固与自测 第3章 html文档的编写规范 3.1 使用标签、元素和属性 3.1.1 标签 3.1.2 元素 3.1.3 属性的定义 3.1.4 属性值的定义 3.1.5 元素和属性的大小写规范 3.2 字符引用 3.2.1 字符数字引用 3.2.2 字符实体引用 3.3 使用注释 3.4 关于空白和空白字符 3.4.1 关于断行符 3.4.2 空白字符 3.5 基本html数据型式 3.5.1 cdata数据类型 3.5.2 id和name使用的数据类型 3.5.3 idref和idrefs使用的数据类型 3.5.4 number数据类型 3.5.5 文本字符串 3.5.6 使用uri 3.5.7 使用颜色 3.5.8 使用长度 3.5.9 内容类型(mime类型) 3.5.10 语言代码 3.5.11 字符编码 3.5.12 单字符 3.5.13 日期和时间 3.5.14 链接类型 3.5.15 介质描述符 3.5.16 脚本数据 3.5.17 样式表数据 3.5.18 框架目标名 3.6 巩固与自测 第2篇 html详细学习篇 第4章 html文档的头部定义 4.1 定义标题(title元素) 4.2 怎样定义元数据 4.2.1 定义元数据关键字 4.2.2 元数据的语言信息 4.2.3 元数据的其他定义方法 4.3 用于搜索引擎的元数据 4.3.1 定义编辑工具 4.3.2 定义版权信息 4.3.3 定义关键字 4.3.4 定义概要描述 4.3.5 定义设计者 4.3.6 定义创作日期 4.3.7 定义搜索引擎搜索方式 4.4 用于http消息报头的元数据(属性http-equiv) 4.4.1 设置网页内容类型和字符集 4.4.2 设置网页所使用的语言 4.4.3 设置网页定时跳转 4.4.4 设置网页禁用缓存 4.4.5 设置网页到期 4.4.6 设置网页cookie存活时间 4.4.7 设置网页框架目标 4.4.8 设置网页转场效果 4.4.9 设置网页分级 4.5 元数据纲要和元数据架构 4.5.1 使用元数据纲要(profile属性) 4.5.2 使用元数据架构(scheme属性) 4.6 巩固与自测 第5章 文字与段落 5.1 结构化的文本 5.1.1 用于强调的短语元素(em元素、strong元素、cite元素) 5.1.2 用于缩写的短语元素(abbr元素、acronym元素) 5.1.3 其他的短语元素(dfn、code、samp、kbd、var) 5.1.4 引用(blockquote元素、q元素) 5.1.5 下标和上标(sub元素、sup元素) 5.2 行和段落 5.2.1 段落(p元素) 5.2.2 控制换行(br元素) 5.2.3 连字符 5.2.4 预格式化文本(pre元素) 5.2.5 段落的视觉呈现 5.3 标题字体(h#元素) 5.4 标记文档改变：ins和del元素 5.5 基本文字格式(tt、i、b、big、small、strike、s、u) 5.6 字体修改(font、basefont元素) 5.6.1 改变字体大小(size属性) 5.6.2 改变文本颜色(color属性) 5.6.3 改变字体(face属性) 5.7 加入水平分割线(hr元素) 5.7.1 分隔线宽度和高度
html5播放器设置音量的方式实例源代码
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
05-08 904
方式1：html5播放器设置音量的方式实例源代码。方式2：酷播云html5播放器代码实例
如何调整html中音乐播放器的大小,请教音乐播放器大小如何调整？
weixin_36179933的博客
06-03 792
2007-07-20音乐播放器不能自动播放应如何调整定制新浪博客背景音乐自动播放的具体步骤如下：1、登录自己的博客(输入用户名、密码和验证码)　　2、在首页右上方找到“管理博客”　　3、进入“管理博客”，找到“个人首页维护”(如果你的BLOG显示有播放器，直接看下一步，如果没有，进入“定制首页的内容板块”，点击屏幕左边的“添加模块”在左下方就可以看到背景音乐播放列表，勾选“使用该模块”，点击右下方...
html5——video标签 audio标签
肖的博客
08-12 2268
1、video标签： &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;video src=&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;l
HTML CSS
大珍珠
07-05 213
HTML，CSS
HTML元素详细介绍之Audio&Video
u013864585的专栏
11-17 522
准备把HTML5中的每一个新元素都做一番详细的介绍，希望对大家开发有很大的帮助，其中每个元素都会带有一两个示例，希望大家喜欢哈。 先做Audio和Video的介绍 audio&video可以说是html5给大家带来的一个惊喜，虽然以前不管通过flash，还是一些视频，音频插件大家都可以播放媒体文件，但是现在的audio和viedo更加标准，有丰富的javascriptAPI可以对其操作，大家开
animebook.github.io:浏览器内视频播放器，用于学习带字幕的日语
04-30
动漫书 具有可导航字幕HTML5视频播放器。 由于字幕位于浏览器中，因此您可以使用这样的弹出词典快速查找单词，还可以使用快速为Anki创建卡。 Animebook旨在匹配描述的挖掘工作流程，并具有以下功能： 可以直接在网络播放器中重新定时字幕的功能。 对于和上的大多数字幕有用，几乎总是需要将其重新定时为您正在观看的视频。 使用快速创建卡。 如果您在观看节目时使用Yomichan向Anki添加单词，则可以使用Animebook将屏幕截图，音频和字幕行自动添加到抽认卡中。 应用程序是一个html页面，可以更轻松地在本地下载和保存。 如果需要，请通过右键单击并单击“另存为...” 下载。 可调整大小的侧边栏 内置浏览器缩放可用于调整播放器的字体大小 用法 将视频文件和字幕文件（vtt，srt或ass）拖放到网页上，您应该会很好。 如果您发现浏览器的内置控件会分散您的注意力，您还可以右
HTML5视频和音频标签的音量控制「Volume Control for HTML5 Video & Audio Tag」-crx插件
03-12
HTML5视频和音频标签的音量控制 “用于HTML5视频和音频标签的音量控制”是Chrome的扩展程序，可在工具栏上放置一个简单的控制面板，以快速暂停或调整音量。 v2.1 Windows模块（缺少VCRuntime140.dll）**************...
HTML5 API详解（13）:video/audio 视频/音频
qq_24520459的博客
04-10 326
video的使用方法：<video autoplay="autoplay" controls="controls" width="800" muted="muted...
html5 audio 长度,HTML5 Audio & Video 属性解析
weixin_42301009的博客
06-18 679
一、HTML 音频/视频 方法play()play() 方法开始播放当前的音频或视频。var myVideo=document.getElementById("video1");function playVid(){myVideo.play();}function pauseVid(){myVideo.pause();}pause()pause() 方法暂停播放当前的音频或视频。var myVid...
html5 audio样式修改,HTML5中 audio的样式设置
weixin_42521058的博客
06-03 4025
直接在样式表中设置对应的样式：audio::-webkit-media-controls-panelaudio::-webkit-media-controls-mute-buttonaudio::-webkit-media-controls-play-buttonaudio::-webkit-media-controls-timeline-containeraudio::-webkit-media...
html5 audio标志改变音量,HTML5之Audio（二）—— processor调节音量
weixin_39600291的博客
06-22 790
Audiovar AudioContext = AudioContext || webkitAudioContext || mozAudioContext || msAudioContext, // 兼容性context = new AudioContext, // 创建Audio上下文audio = new Audio( '茜拉 - 想你的夜.mp3' ),media = context.cre...
html的audio与video标签
叶仙的博客
03-22 731
1.audio 属性： autoplay: 自动播放 controls: 显示控件，比如播放按钮 loop: 循环播放 preload: 音频在页面加载时进行加载，并预备播放，如果使用autoplay,则忽略该属性 src: 要播放的音频的URL 在audio标签中可以包含多个source标签，用来导入不同的音频文件，浏览器会自动选择第一个可以识别的格式进行播放 source标签包含三个属性 media:定义媒体资源的类型 src: 定义媒体文件的URL type:定义媒体资源的MIME
python学习导航.txt
最新发布
05-06
python
JavaScript调节音频声音大小
06-06
要调节音频的声音大小，可以使用HTML5的`<audio>`元素和JavaScript的`volume`属性。`volume`属性的取值范围是0到1，0表示没有声音，1表示最大音量。 下面是一个例子： ```html Your browser does not support ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值