javascript - 音视频控制器

我有两张 HTML 幻灯片。幻灯片 1 有音频和它自己的默认控制器。

<audio id="audio-player" autoplay controls>
            <source class="track" src="audio/play-1.mp3" type="audio/ogg">
        </audio>

幻灯片 2 有一个视频，它有自己的默认控制器。

<video controls class="slide2_1" src="images/Slide2_1.mp4"></video>

音频控制器仍然在每张幻灯片中固定位置。

现在，我不想使用视频控制器来播放视频。相反，我想代表视频控制器使用音频控制器。

这可以在 JavaScript 的帮助下实现吗？

我知道这看起来很尴尬，但客户想要一个用于音频和视频的控制器。

标签： javascripthtmljquerycss