diff --git a/src/renderer/components/player-settings/player-settings.js b/src/renderer/components/player-settings/player-settings.js index a8e7591cf1969..97c1f06dcf43a 100644 --- a/src/renderer/components/player-settings/player-settings.js +++ b/src/renderer/components/player-settings/player-settings.js @@ -212,6 +212,10 @@ export default defineComponent({ } } + viewingModeNames.push( + this.$t('Settings.Player Settings.Default Viewing Mode.Invidious Embed'), + this.$t('Settings.Player Settings.Default Viewing Mode.YouTube Embed') + ) return viewingModeNames }, @@ -219,7 +223,7 @@ export default defineComponent({ const viewingModeValues = [ 'default', 'theatre', - 'fullwindow' + 'fullwindow', ] if (process.env.IS_ELECTRON) { @@ -230,6 +234,8 @@ export default defineComponent({ } } + viewingModeValues.push('ivembed', 'ytembed') + return viewingModeValues }, diff --git a/src/renderer/views/Watch/Watch.scss b/src/renderer/views/Watch/Watch.scss index edefbb85a23ea..c65b1820fd4c7 100644 --- a/src/renderer/views/Watch/Watch.scss +++ b/src/renderer/views/Watch/Watch.scss @@ -206,3 +206,17 @@ } } } + + +.ytIframe { + position: relative; + padding-block-start: 56%; + + iframe { + position: absolute; + inset-block-start: 0; + inset-inline-start: 0; + inline-size: 100%; + block-size: 100%; + } +} diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue index e5eab3bc24364..025b32f0fe575 100644 --- a/src/renderer/views/Watch/Watch.vue +++ b/src/renderer/views/Watch/Watch.vue @@ -17,7 +17,7 @@ >