mediaelement.js - 如何隐藏音频控件？

Question

我正在尝试将Mediaelement.js实现到视频和音频的网站中,视频一切正常,但我需要做的是隐藏音频元素,以便它根本不显示在页面上,而MEJS音频控制酒吧不可见.音频的播放将通过根据需要播放/暂停音频的功能来处理.

我试过改变CSS并改变音频代码以包含"hidden = true",目前音频块看起来像这样:

    <audio id="Audio101" hidden="true">
    <source src="audio/audio1.mp3" />
    <source src="audio/audio1.ogg" />
    <embed src="audio/audio1.mp3" hidden=true autostart=false loop=false>
    </audio>

有谁知道如何只隐藏音频(不是视频)MEJS控件？

干杯.

Answer 1

您可以指定使用'features'参数显示的播放器控件.此示例仅显示音量控制并将播放器设置为该按钮的大小.

$('audio').mediaelementplayer({
    features: ['volume'],
    audioWidth: 26,
    audioHeight: 30
});

可用的"功能"包括:

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

根本没有显示任何控件:

$('audio').mediaelementplayer({
    features: ['volume'],
    audioWidth: 26,
    audioHeight: 30
});