Compare commits
3 Commits
14c0eb43ed
...
v1.7.0.10
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8676160e7b | ||
|
|
c562560bc0 | ||
|
|
98474d4ff6 |
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user