想在我的幻燈片控件中添加一個偽暫停按鈕

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的元素。 但是，如果您過去曾經有過這項工作，那么我相信您會在這方面受到關注。