html - 是否可以在 CSS 中使用 % 设置 HTML5 音频播放器的大小?

标签 html css audio html5-audio

是否可以在 % 中设置 HTML5 audioplayerwidth 样式? 我试过了,但没有找到解决办法。

最佳答案

不,它不是 - 至少在浏览器和操作系统之间不可靠。每个浏览器(或移动操作系统)都有自己的 HTML5 音频播放器/audio 标签设计,并且大多数浏览器根本不会对任何通过 CSS 更改它的尝试使用react。

解决此问题的一种方法是使用 jQuery 插件“jPlayer”(http://jplayer.org/),它尽可能使用 HTML5 音频,具有 Flash 后备选项,并具有自己的默认“皮肤”。但它也允许您为它构建自己的皮肤。这需要真正了解它的结构(即通过尝试学习),但是一旦您理解了它,您就可以自由地创建自己的音频播放器设计。

如果我理解正确的话,他们隐藏了 HTML5 音频播放器的默认界面并设置了一个 HTML/JS 结构来访问控制音频播放的可用 JS 事件。这些 html 元素具有类,然后您可以通过 CSS 规则自行设置样式。

关于html - 是否可以在 CSS 中使用 % 设置 HTML5 音频播放器的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40025358/

相关文章:

html - 第二个 CSS 不链接/应用

html - 如何为某些 HTML 页面部分的屏幕阅读器设置优先级?

javascript - 在 Divi Wordpress 中随机播放幻灯片

CSS 菜单在 IE7 或更低版本中不起作用

jquery - 当用户移动到不同的选择列表项时,如何显示悬停消息?

jquery - 如何在<option>标签内插入<img>标签?

javascript - 单击父级时调用子级单击事件

c# - 是否有适用于 .NET 的声音 SDK?

python - ffmpeg 原始视频和音频标准输入

c# - 使用NAudio混合两个音频文件