javascript - 想在我的滑动控件中添加一个伪暂停按钮

Question

我想在页面右下角的滑动控件之间为我的嵌入式媒体添加一个暂停按钮。

因为我的幻灯片在我的嵌入式媒体完成后转到下一张，所以我使用这个元素暂停幻灯片:

<button onclick="document.getElementById('player').pause()"> || </button>

当我将它插入到我的 HTML 文件中时，它工作得很好，但我不确定在哪里/如何放置它，以便它停留在下一个/上一个幻灯片控件之间，而不是随幻灯片调整大小。更愿意用 CSS 而不是 JS 来做到这一点。

感谢您的帮助!我真的很感激。

Answer 1

如果您可以访问 HTML，您应该能够将按钮代码放在下一个和上一个按钮之间。

然后要为其设置样式，您需要创建一个 CSS 类或使用具有以下属性和值的内联样式:left: 30px;顶部:26px；字体大小:25px;

完整代码:

<button class="enabled" onclick="document.getElementById('player').pause()" style="left: 30px; top: 26px; font-size: 25px;"> || </button>

它会让它看起来像这样:

我确实尝试使用 javascript document.getElementById('player').pause()。它似乎没有用。我找不到任何 ID 为 player 的元素。但是，如果您过去已经进行过这种工作，那么我相信您会在这方面有所了解。