Compare commits

...

3 Commits

Author SHA1 Message Date
CodeDevMLH
8676160e7b Update manifest.json for release v1.7.0.10 [skip ci] 2026-03-06 02:02:52 +00:00
CodeDevMLH
c562560bc0 Bump version to 1.7.0.10
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 51s
2026-03-06 03:02:01 +01:00
CodeDevMLH
98474d4ff6 Refactor YouTube player integration to use iframe for improved performance and security 2026-03-06 03:01:34 +01:00
3 changed files with 23 additions and 33 deletions

View File

@@ -12,7 +12,7 @@
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> --> <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
<Title>Jellyfin Media Bar Enhanced Plugin</Title> <Title>Jellyfin Media Bar Enhanced Plugin</Title>
<Authors>CodeDevMLH</Authors> <Authors>CodeDevMLH</Authors>
<Version>1.7.0.9</Version> <Version>1.7.0.10</Version>
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl> <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
</PropertyGroup> </PropertyGroup>

View File

@@ -742,17 +742,20 @@ const SlideUtils = {
} }
if (isYoutube && videoId) { if (isYoutube && videoId) {
const playerDiv = this.createElement('div', { id: 'modal-yt-player' }); const ytIframe = this.createElement('iframe', {
contentContainer.appendChild(playerDiv); id: 'modal-yt-player',
src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`,
allow: 'autoplay; encrypted-media',
style: 'width: 100%; height: 100%; border: none;',
});
ytIframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
contentContainer.appendChild(ytIframe);
overlay.append(closeButton, contentContainer); overlay.append(closeButton, contentContainer);
document.body.appendChild(overlay); document.body.appendChild(overlay);
this.loadYouTubeIframeAPI().then(() => { this.loadYouTubeIframeAPI().then(() => {
new YT.Player('modal-yt-player', { new YT.Player(ytIframe, {
height: '100%',
width: '100%',
videoId: videoId,
host: 'https://www.youtube-nocookie.com',
playerVars: { playerVars: {
autoplay: 1, autoplay: 1,
controls: 1, controls: 1,
@@ -761,14 +764,6 @@ const SlideUtils = {
playsinline: 1, playsinline: 1,
origin: window.location.origin, origin: window.location.origin,
enablejsapi: 1 enablejsapi: 1
},
events: {
'onReady': (event) => {
const iframe = event.target.getIframe();
if (iframe) {
iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
}
}
} }
}); });
}); });
@@ -1750,12 +1745,16 @@ const SlideCreator = {
style: "opacity: 0; transition: opacity 1.2s ease-in-out;" // Start interrupted/transparent style: "opacity: 0; transition: opacity 1.2s ease-in-out;" // Start interrupted/transparent
}); });
const ytPlayerDiv = SlideUtils.createElement("div", { // Create an iframe upfront
const ytPlayerIframe = SlideUtils.createElement("iframe", {
id: `youtube-player-${itemId}`, id: `youtube-player-${itemId}`,
style: "width: 100%; height: 100%;" src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`,
style: "width: 100%; height: 100%; border: none;",
allow: "autoplay; encrypted-media",
referrerpolicy: "strict-origin-when-cross-origin"
}); });
videoBackdrop.appendChild(ytPlayerDiv); videoBackdrop.appendChild(ytPlayerIframe);
// Initialize YouTube Player // Initialize YouTube Player
SlideUtils.loadYouTubeIframeAPI().then(() => { SlideUtils.loadYouTubeIframeAPI().then(() => {
@@ -1800,19 +1799,10 @@ const SlideCreator = {
console.info(`SponsorBlock outro detected for video ${videoId}: ending at ${playerVars.end}s`); console.info(`SponsorBlock outro detected for video ${videoId}: ending at ${playerVars.end}s`);
} }
STATE.slideshow.videoPlayers[itemId] = new YT.Player(`youtube-player-${itemId}`, { STATE.slideshow.videoPlayers[itemId] = new YT.Player(ytPlayerIframe, {
height: '100%',
width: '100%',
videoId: videoId,
host: 'https://www.youtube-nocookie.com',
playerVars: playerVars, playerVars: playerVars,
events: { events: {
'onReady': (event) => { 'onReady': (event) => {
const iframe = event.target.getIframe();
if (iframe) {
iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
}
// Store start/end time and videoId for later use // Store start/end time and videoId for later use
event.target._startTime = playerVars.start || 0; event.target._startTime = playerVars.start || 0;
event.target._endTime = playerVars.end || undefined; event.target._endTime = playerVars.end || undefined;

View File

@@ -9,12 +9,12 @@
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png", "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
"versions": [ "versions": [
{ {
"version": "1.7.0.9", "version": "1.7.0.10",
"changelog": "- Add YouTube no-cookie host and referrer policy for iframe security to fix playback issues on iOS/MacOS", "changelog": "- Add YouTube no-cookie host and referrer policy for iframe security to fix playback issues on iOS/MacOS",
"targetAbi": "10.11.0.0", "targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.0.9/Jellyfin.Plugin.MediaBarEnhanced.zip", "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.0.10/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "c483335bb07d9b76fb2512e811871c61", "checksum": "054793363c988cfd1dce37876a0e800f",
"timestamp": "2026-03-06T01:24:40Z" "timestamp": "2026-03-06T02:02:52Z"
}, },
{ {
"version": "1.6.6.4", "version": "1.6.6.4",