想在我的幻灯片控件中添加一个伪暂停按钮

Question

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

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

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

当我将其插入HTML文件时，这非常有效，但我不确定在何处/如何放置它以使其保持在下一个/上一个幻灯片控件之间，而不是使用幻灯片调整大小。宁愿用CSS而不是JS来做这件事。

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

Answer 1

如果您可以访问HTML，则应该可以将按钮代码放在下一个＆amp;以前的按钮。

然后要设置样式，您可能要么创建一个CSS类，要么使用具有以下属性的内联样式＆amp;值：left: 30px; top: 26px; font-size: 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的元素。但是如果你过去已经有了这个工作，那么我相信你会在这方面受到保护。