自定义音频标签的css

文章/答案/技术大牛

发布

2回答

css、audio

我有这个音频控件，我甚至试图改变播放器的颜色，但我不能针对它，我发现一些帖子谈论使用javascript来做这件事，这是为它编写css的唯一方法。<audio controls class="radio-audio">我试着写一些这样的代码，在互联网上的某个地方找到了

浏览 11提问于2017-07-07得票数 2

5回答

<audio>标签的自定义CSS？

css、audio、html、html5-audio

我正在构建一个音乐播放器web应用程序，它实现了HTML5音频标签，但是希望它在不同的浏览器上看起来是一致的--可以定义我自己的自定义CSS吗？又是如何做到的？

浏览 2提问于2010-09-26得票数 25

回答已采纳

4回答

使用<track>的<audio>字幕，如何显示字幕

css、html5-audio、subtitle

我正在尝试添加带有曲目标签的语音音频文件的文本转录。video标签的默认行为是显示它们(有效)。默认情况下，音频标签似乎缺少某种类型的“画布”(即使没有视频，视频标签也会显示黑色区域)来自动显示字幕。我可以使用视频标签，但它感觉像是一个丑陋的变通方法。不过，我不想破坏代码的语义。是否存在某种CSS来强制显示将显示子标题的区域？

浏览 4提问于2014-05-05得票数 28

1回答

具有自定义打开图形操作的时间线上的音频

facebook-graph-api、audio、facebook-ios-sdk

我有一个iPhone应用程序发布自定义操作(通过facebook-ios-sdk 3.1)在自定义对象上。有一个自定义对象的网页，它有og标签。因此，当此操作发布时，它会显示在用户的时间线上，其中包含来自自定义对象页面的og标记的信息。很好，但我不能让音频播放器出现在时间线帖子上。在自定义对象页面上有og:audio标记。我读到过，如果用户喜欢一个带有og:audio标签的页面，它

浏览 2提问于2012-11-07得票数 0

回答已采纳

2回答

仅在主页上保留启用的HTML元素

javascript、html、css、wordpress、html5-audio

我有一个wordpress网站，其中包含一个音频元素，所以当有人访问该网站时，歌曲会自动开始。它看起来是这样的：这是在自定义HTML小部件上。我需要这个标签只在主页上是活动的，所以我做了这个CSS： audio, canvas, progress,

浏览 0提问于2019-02-05得票数 0

1回答

移动safari为html音频标记呈现空白。

iphone、ipad、audio、mobile、safari

与桌面浏览器不同，移动Safari在iPhone和iPad中呈现html时为音频标记添加了空白。为什么会这样呢？有没有一种没有不必要的样式设置来避免这种行为的方法？我的目标是允许网站访问者播放一个简短的音频节选。介绍性文本和播放/暂停按钮必须显示在一行中，元素之间必须有单个间距。该代码在桌面浏览器中运行良好，但是Mobile (在iPhone 4S和iPad 3上测试)添加了空白(相当于~30个字符)，其中音频标记出现在html文件中。我孤立了这个问题，找到

浏览 3提问于2013-02-08得票数 2

回答已采纳

1回答

Chrome Css动画在播放Web音频时中断

javascript、css、css-animations、web-audio-api

在Chrome中，当网站音频播放时，标签在web表单上的css动画失败，即使触发addClass函数的JS工作。但是，只要我通过单击右下角的声音栏来关闭音频，动画就会按预期工作。为什么音频会影响css动画？

浏览 16提问于2019-07-10得票数 1

回答已采纳

1回答

作为WordPress中的post标头的HTML5音频播放器

javascript、html、wordpress

我试图弄清楚如何使用html5音频播放器作为我的网站的帖子标题。例如，在那里你通常会看到一个帖子的标题，我想有音频播放器与帖子相关的歌曲。我不明白这样的功能是如何实现的，有没有办法在Wordpress仪表板中编辑post页面来启用这样的功能，或者有什么其他可用的方法？

浏览 0提问于2013-02-15得票数 0

回答已采纳

1回答

如果音频文件处于隐藏状态，则无法播放

javascript、html、css

我试图在html中插入一个音频文件，但如果我将其设置为隐藏，它就不能播放。

浏览 3提问于2021-02-17得票数 0

1回答

自定义自动播放进度条-动态宽度属性-在铬中不起作用

javascript、jquery、css、google-chrome、html5-audio

我有一个自定义的进度bur的音频播放标签，这是动态改变宽度。宽度值以当前时间和时长为基础进行计算。我可以看到，当播放唱片时，元素宽度属性正在动态地、渐进地改变它的值，但是条形图没有进展。$('.myProgressBar').css('width', a + '%');

浏览 18提问于2019-11-22得票数 0

1回答

使用CSS选中复选框时播放音频

css、audio、checkbox、pseudo-element

我正在尝试使一个音频文件自动播放，一旦复选框被选中。我最初的想法是在自动播放上设置音频标签，并像这样配置CSS： display: none;[type="checkbox"]:checked~audio {} 当然，这不起作用；当网站加载时，音频将会简单地播放。也许可以使用某种方法来使checkbox的<label>标签具有与checkbox相同

浏览 2提问于2016-11-03得票数 0

1回答

设置视频标签宽度

html、iframe

http://keralacarpentry.com/immobiler/media_gallery/BMP2_PSP.mp4" height="500" width="950">我的问题是如何使用css?.In设置音频标签的宽度这个代码我的视频很小。我想增加它的width.Is，可以设置这个音频

浏览 0提问于2013-01-30得票数 0

1回答

关于html Web Audio Api和<audio>标记的混淆

javascript、html、audio、audio-streaming、web-audio-api

我是一个html5新手，对音频标签和网络音频应用编程接口有一些困惑。我目前正在为我们的音频播放器定制音频洗涤器。洗涤器将有一个进度条和某种时间指示器。用户应该能够拖动进度条和音频将播放。当前的音频播放器一次只播放一小部分mp3，然后通过向服务器发送请求(轮询)定期加载它。我理解使用标签，你必须提供src，但考虑到加载的是小块而不是1个整体，我也在寻找是否可以从web音频api中捕获

浏览 0提问于2014-07-04得票数 2

2回答

IPhone上的HTML音频标记隐藏在高度的一半。

ios、css、iphone、html、audio

当我将音频标记添加到html中并尝试在IPhone 5上看到它时，它的大小只有原来的一半。我该怎么解决呢？ 

浏览 4提问于2015-02-28得票数 1

1回答

在Wordpress中没有古腾堡音频块的css？

wordpress、audio、mediaelement.js、wordpress-gutenberg

有没有办法用css设置古腾堡音频块的样式？常规的Wordpress小部件和短码音频都使用mediaelement.js，所以设置这些元素的样式是没有问题的，但是gutenberg音频块的输出只是一个普通的html音频标签。最好的办法也是使用mediaelement.js --我想知道为什么这不是默认的。

浏览 4提问于2019-08-30得票数 1

2回答