相关疑难解决方法(0)

我有一个JavaScript Web应用程序工作,定期播放一些音频,如下所示:

var SOUND_SUCCESS = new Audio('success.mp3');
SOUND_SUCCESS.play();

这适用于桌面浏览器(在Edge和Chrome中测试),但它不能在iPhone上的Safari上播放.

我查看了Stack Overflow,几年前我发现一些答案,除非你在全屏播放器中,否则不可能从Safari播放音频.这仍然是这样吗？

我正在构建一个实现HTML5音频标签的音乐播放器Web应用程序,但是希望它在浏览器中看起来一致 - 是否可以定义我自己的自定义CSS？如何？

干杯

费拉

是否可以在HTML5视频播放器中设置文本轨道(如字幕和字幕)的样式？

我已经找到了Chrome的方法:

video::-webkit-media-text-track-container {
    // Style the container
}

video::-webkit-media-text-track-background {
    // Style the text background
}

video::-webkit-media-text-track-display {
    // Style the text itself
}

这似乎让Safari有点困惑.它可以工作,但渲染是非常错误的.

但更重要的是:如何为Firefox和IE实现这一目标？

我有一个音频播放器的布局,我想与HTML音频播放器元素一起使用.

我正在尝试<audio></audio>,它给了我默认播放器:

有没有办法改变播放器的风格来使用我想要使用的布局？

是否可以更改 HTML5 音频标签中的“播放”、“暂停”和“音量”颜色。

使用 Firefox 时，它们的颜色非常深，使播放器看起来被禁用。

是否可以为音频标签添加CSS样式？我已经尝试过，但我做不到。

谢谢。

<li class="music">
    <div class="podcast">
        <div class="img-episodes-container">
            <img  src="images/podcast1.jpg" alt="microfono">
        </div>

        <h4>Lorem, ipsum dolor.</h4>

        <audio controls>
            <source src="sounds/sound1.mp3">
        </audio>
    </div>
</li>

我使用带有 CONTROLS 的 HTML AUDIO 标签来显示音轨。

<audio controls controlsList="nodownload">  
  <source src="horse.mp3" type="audio/mpeg">
</audio>

我发现使用CSSaudio::-webkit-media-controls-可以修改很多功能。

然而，我无法弄清楚如何禁用/隐藏播放器上的这 3 个点。

PS：这对于使用 CSS 禁用/设置控件样式很有帮助。然而，这是很多年前的答案，所以它不包括播放速度选项。

是否可以设置 html5 音频标签的样式？

我搜索了很多东西，但没有找到任何有用的文档..我想更改音频标签的背景颜色，因为我知道 background-color就足够了，但它不起作用..是否有任何解决方案可以更改它或者是否可以更改？我愿意不想使用任何插件..只是使用 CSS 我想改变..

代码：

<audio controls="">
  <source src="http://www.sousound.com/music/healing/healing_01.mp3" type="audio/mpeg">
</audio>