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

Question

我想在页面右下方的幻灯片控件之间添加一个“暂停按钮”（用于我的嵌入式媒体）。

由于我的幻灯片在完成嵌入式媒体后会转到下一个，因此要暂停幻灯片放映，我使用了以下元素：

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

当我将其插入HTML文件中时，此方法非常有效，但是我不确定将其放置在何处/如何放置，以使其停留在下一个/上一个幻灯片控件之间，而不用调整幻灯片的大小。 宁愿使用CSS而不是JS做到这一点。

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

Answer 1

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

然后要设置样式，您可能要创建一个CSS类或使用具有以下属性和值的内联样式： left: 30px; top: 26px; font-size: 25px; 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() 。 它似乎没有用。 我找不到任何具有player ID的元素。 但是，如果您过去曾经有过这项工作，那么我相信您会在这方面受到关注。