Mediaelement.js 需要自定义删除音频的持续时间

发布于 2024-12-20 14:21:09 字数 162 浏览 1 评论 0原文

我现在主要使用 MediaElements.js HTML 5 视频/音频插件来处理音频。

我想自定义外观,因此它只是一个 30x30 播放按钮(我知道如何做),并且持续时间、控件和其他所有内容都被删除。

所以只有带有播放按钮的盒子,没有其他东西。

我该怎么办?

I'm using the MediaElements.js HTML 5 video/audio plugin mainly for the Audio right now.

I would like to customize the look so it's simply a 30x30 play button (which I know how to do) and the Duration, controls, everything else is removed.

So JUST the box with the Play button and nothing else.

how would I go about that?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

緦唸λ蓇 2024-12-27 14:21:10

好吧,我无法判断您嵌入播放器的方式(有多种方法可以实现),但自定义播放器的最简单方法是添加以下代码:

<script type="text/javascript">
    $(function(){
        $('video').mediaelementplayer({
            features: ['playpause'],
        });
    });
</script>

现在,这将仅针对 < ;video> 标签,但如果您使用 标签,代码将如下所示:

<script type="text/javascript">
    $(function(){
        $('audio').mediaelementplayer({
              features: ['playpause'],
        });
    });
</script>

设置位于显示“功能”的位置。您可以列出所需的不同控件。它们如下:

features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],

只需列出每一项并用引号引起来,并用逗号分隔(最后一项除外)。我希望这有帮助!

Well, I can't tell which way you are embedding the player (there are several ways to do it), but the easiest way to customize the player is by adding the following code:

<script type="text/javascript">
    $(function(){
        $('video').mediaelementplayer({
            features: ['playpause'],
        });
    });
</script>

Right now this will target only the <video> tag, but if you are using the <audio> tag the code would look like this:

<script type="text/javascript">
    $(function(){
        $('audio').mediaelementplayer({
              features: ['playpause'],
        });
    });
</script>

The settings are located where it says "features." You can list the different controls that you want. These are as follows:

features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],

Just list each one with quotations around it, and separate them with commas (except for the last one). I hope this helps!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文