diff --git a/src/controllers/playback/video/index.js b/src/controllers/playback/video/index.js index 779b68f9f6..a662e905a0 100644 --- a/src/controllers/playback/video/index.js +++ b/src/controllers/playback/video/index.js @@ -886,13 +886,21 @@ export default function (view) { } } - function updatePlaylist() { - const btnPreviousTrack = view.querySelector('.btnPreviousTrack'); - const btnNextTrack = view.querySelector('.btnNextTrack'); - btnPreviousTrack.classList.remove('hide'); - btnNextTrack.classList.remove('hide'); - btnNextTrack.disabled = false; - btnPreviousTrack.disabled = false; + async function updatePlaylist() { + try { + const playlist = await playbackManager.getPlaylist(); + + if (playlist && playlist.length > 1) { + const btnPreviousTrack = view.querySelector('.btnPreviousTrack'); + const btnNextTrack = view.querySelector('.btnNextTrack'); + btnPreviousTrack.classList.remove('hide'); + btnNextTrack.classList.remove('hide'); + btnPreviousTrack.disabled = false; + btnNextTrack.disabled = false; + } + } catch (err) { + console.error('[VideoPlayer] failed to get playlist', err); + } } function updateTimeText(elem, ticks, divider) { diff --git a/src/styles/videoosd.scss b/src/styles/videoosd.scss index b7f06c08db..9732a11517 100644 --- a/src/styles/videoosd.scss +++ b/src/styles/videoosd.scss @@ -183,6 +183,7 @@ } @media all and (max-width: 30em) { + .btnUserRating, .osdMediaInfo, .osdPoster { display: none !important;