diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.css b/src/renderer/components/watch-video-playlist/watch-video-playlist.css
index 16b10972e08b8..e36f3a4bc0657 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.css
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.css
@@ -36,6 +36,8 @@
}
.playlistIcon {
+ height: 20px;
+ width: 20px;
font-size: 20px;
padding: 10px;
margin-top: -25px;
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.js b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
index 832b4f0cef3c8..6a854541b9e28 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.js
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
@@ -34,6 +34,7 @@ export default defineComponent({
shuffleEnabled: false,
loopEnabled: false,
reversePlaylist: false,
+ pauseOnCurrentVideo: false,
channelName: '',
channelId: '',
playlistTitle: '',
@@ -73,7 +74,7 @@ export default defineComponent({
return !this.loopEnabled
},
- videoIsLastInInPlaylistItems: function() {
+ videoIsLastInInPlaylistItems: function () {
if (this.shuffleEnabled) {
return this.videoIndexInPlaylistItems === this.randomizedPlaylistItems.length - 1
} else {
@@ -111,7 +112,7 @@ export default defineComponent({
}
}
},
- watchViewLoading: function(newVal, oldVal) {
+ watchViewLoading: function (newVal, oldVal) {
// This component is loaded/rendered before watch view loaded
if (oldVal && !newVal) {
// Scroll after watch view loaded, otherwise doesn't work
@@ -120,7 +121,7 @@ export default defineComponent({
this.scrollToCurrentVideo()
}
},
- isLoading: function(newVal, oldVal) {
+ isLoading: function (newVal, oldVal) {
// This component is loaded/rendered before watch view loaded
if (oldVal && !newVal) {
// Scroll after this component loaded, otherwise doesn't work
@@ -194,6 +195,16 @@ export default defineComponent({
}, 1)
},
+ togglePauseOnCurrentVideo: function () {
+ if (this.pauseOnCurrentVideo) {
+ this.pauseOnCurrentVideo = false
+ showToast(this.$t('Playlist will not pause when current video is finished'))
+ } else {
+ this.pauseOnCurrentVideo = true
+ showToast(this.$t('Playlist will pause when current video is finished'))
+ }
+ },
+
playNextVideo: function () {
const playlistInfo = {
playlistId: this.playlistId
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
index 10f71df5e25d8..c679eae6d340c 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
@@ -92,6 +92,17 @@
@keydown.enter.prevent="playNextVideo"
@keydown.space.prevent="playNextVideo"
/>
+