נטפרי-סרטונים

[yankevk]

לאחרונה לא ניתן לראות את המסך המקדים בכל האתרים שיש בהם סירטונים.
וגם כשלוחצים על המסך השחור שהו היה אמור להיות סרטון, לא ניתן להריץ קדימה וכו'.
מישהו יודע מה קרה בנטפרי....
לדוגמא [פרוגמדיה]

[יוסף מאיר וייס]

@yankevk לי בפרוגמדיה עובד היטב

וגם מנגן

[yankevk]

@יוסף-מאיר-וייס יש לך נטפרי?

[yankevk]

@יוסף-מאיר-וייס

[יוסף מאיר וייס]

@yankevk בהחלט

[yankevk]

@יוסף-מאיר-וייס מוזר,
כי בפרוג ראיתי שכל מנויי נטפרי מתלוננים על כך

[כככככ]

@yankevk נכון גם אני נכנסתי היום ליוטיוב לשים שיעורים של רבנים שהסרטון מופיע בחיפוש וגם יש תצוגה מקדימה שאתה בתוך יוטיוב אבל שלוחצים על הסרטון הוא מציג לשנייה את המסך השחור ואז נשאר מסך לבן אם שלוש עיגולים למעלה צד שמאל ושלוש פסים צד ימין אבל הסרטון לא נטען

[יוסף מאיר וייס]

@yankevk מוזר בהחלט.

[mfmf]

הם חסמו קישור לספריית CSS של הנגן המובנה של יוטיוב. שלחתי להם את זה כבר לפני שבוע..
בינתיים מצאתי פתרון נחמד
סימניה שמוסיפה כפתור לפתיחה ביוטיוב. פותר את כל הבעיות..

javascript:(function(){
    let found = false;

    /* לוגיקה 1: אתרים עם כרטיסיות (.video-card) */
    const cards = document.querySelectorAll('.video-card');
    if(cards.length > 0) {
        found = true;
        cards.forEach(card => {
            if(card.querySelector('.yt-link')) return;
            const vId = card.id.replace('card-','');
            if(vId){
                const btn = document.createElement('button');
                btn.innerText = 'YouTube ↗';
                btn.className = 'yt-link';
                Object.assign(btn.style, {position:'absolute', bottom:'5px', left:'5px', zIndex:'99999', background:'#ff0000', color:'white', border:'none', borderRadius:'4px', padding:'3px 7px', cursor:'pointer', fontSize:'11px', fontWeight:'bold'});
                btn.onclick = (e) => { e.stopPropagation(); window.open(`https://www.youtube.com/watch?v=${vId}`, '_blank'); };
                card.style.position = 'relative';
                card.appendChild(btn);
            }
        });
    }

    /* לוגיקה 2: אתרים עם iframe (כולל פרסומות ו-Wrappers) */
    const iframes = document.querySelectorAll('iframe[src*="youtube.com/embed/"]');
    if(iframes.length > 0) {
        found = true;
        iframes.forEach(iframe => {
            const parent = iframe.parentElement;
            /* בדיקה שהכפתור לא קיים כבר בתוך העטיפה */
            if(parent && parent.querySelector('.yt-link')) return;
            
            const match = iframe.src.match(/embed\/([^?&]+)/);
            if(match && match[1]){
                const vId = match[1];
                const btn = document.createElement('button');
                btn.innerText = 'צפה ב-YouTube ↗';
                btn.className = 'yt-link';
                
                /* שינוי המיקום: צד שמאל, והרבה יותר למטה */
                Object.assign(btn.style, {
                    position: 'absolute',
                    top: '120px', /* שונה מ-40px כדי לרדת הרבה יותר למטה, בערך לאמצע הנגן */
                    left: '10px',
                    zIndex: '999999',
                    background: '#ff0000',
                    color: 'white',
                    border: 'none',
                    borderRadius: '4px',
                    padding: '5px 10px',
                    cursor: 'pointer',
                    fontSize: '12px',
                    fontWeight: 'bold',
                    fontFamily: 'sans-serif',
                    boxShadow: '0 2px 4px rgba(0,0,0,0.5)'
                });
                
                btn.onclick = (e) => {
                    e.preventDefault();
                    e.stopPropagation();
                    window.open(`https://www.youtube.com/watch?v=${vId}`, '_blank');
                };
                
                if (window.getComputedStyle(parent).position === 'static') {
                    parent.style.position = 'relative';
                }
                
                parent.appendChild(btn);
            }
        });
    }

    if(!found){
        alert('לא נמצאו סרטונים נתמכים בעמוד.');
    }
})();

Spoiler

ספויילר

[יוסי מחשבים]

@mfmf יפה מאד
על אותו דרך אפשר עם Tampermonkey

// ==UserScript==
// @name         כפתורי יוטיוב - פרוג
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  מוסיף כפתורי "פתח ביוטיוב" ו"העתק לינק להורדה" מתחת לכל סרטון
// @author       Fix Script
// @match        https://www.prog.co.il/*
// @match        https://prog.co.il/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
    'use strict';

    const CSS = `
        .yt-btn-container {
            display: flex;
            gap: 8px;
            margin-top: 6px;
            direction: rtl;
        }
        .yt-btn {
            flex: 1;
            padding: 8px 0;
            font-size: 14px;
            font-weight: bold;
            font-family: Arial, sans-serif;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            display: block;
        }
        .yt-btn-watch {
            background: #ff0000;
            color: white;
        }
        .yt-btn-copy {
            background: #2471a3;
            color: white;
        }
        .yt-btn:hover {
            opacity: 0.85;
        }
    `;

    const style = document.createElement('style');
    style.textContent = CSS;
    document.head.appendChild(style);

    function addButtons() {
        document.querySelectorAll('.bbMediaWrapper[data-media-site-id="youtube"]').forEach(wrapper => {
            if (wrapper.dataset.ytFixed) return;
            wrapper.dataset.ytFixed = 'true';

            const videoId = wrapper.getAttribute('data-media-key');
            if (!videoId) return;

            const watchUrl = `https://www.youtube.com/watch?v=${videoId}`;

            const container = document.createElement('div');
            container.className = 'yt-btn-container';

            const watchBtn = document.createElement('a');
            watchBtn.href = watchUrl;
            watchBtn.target = '_blank';
            watchBtn.rel = 'noopener noreferrer';
            watchBtn.className = 'yt-btn yt-btn-watch';
            watchBtn.textContent = '▶ פתח ביוטיוב';

            const copyBtn = document.createElement('button');
            copyBtn.className = 'yt-btn yt-btn-copy';
            copyBtn.textContent = '📋 העתק לינק להורדה';
            copyBtn.addEventListener('click', () => {
                navigator.clipboard.writeText(watchUrl).then(() => {
                    copyBtn.textContent = '✓ הועתק!';
                    setTimeout(() => { copyBtn.textContent = '📋 העתק לינק להורדה'; }, 2000);
                });
            });

            container.appendChild(watchBtn);
            container.appendChild(copyBtn);
            wrapper.appendChild(container);
        });
    }

    window.addEventListener('load', () => setTimeout(addButtons, 500));

    const observer = new MutationObserver(addButtons);
    observer.observe(document.body, { childList: true, subtree: true });

})();

[יוסי מחשבים]

@yankevk יש לי 2 מחשבים, שתיהם יושבים על אותה רשת של נטפרי, באחד זה נפתח עם הנגן של יוטיוב בשני זה נפתח עם המעטפת.

[5+5]

אני באתרוג וגם לי לא עובד הסרטונים של פרוג

[yankevk]

נטפרי כתבו לי שהם טיפלו בבעיה,
אבל רק בגלישה בסתר זה הסתדר

[yankevk]

@mfmf איך מתקינים את זה

[פלמנמוני]

@yankevk כתב בנטפרי-סרטונים:

אבל רק בגלישה בסתר זה הסתדר

תרענן קשיח

[yankevk]

@פלמנמוני גם בסתר הפסיק לעבוד

[yankevk]

@פלמנמוני זה מה שכתב הג'מיני
ישנה תקלה רוחבית בנגני יוטיוב המוטמעים באתרים (כגון פרוג, מרכז הגבס ועוד). הנגן מופיע כריבוע שחור ללא סרגל כלים ופקדי שליטה.

מבדיקה ב-Console עולה כי השרת מחזיר שגיאת 418 (Blocked by NetFree) עבור קבצי ה-UI ההכרחיים:

embed_ui_rtl_css.css - קובץ העיצוב של הנגן.

log_event?alt=json - קבצי לוג של יוטיוב.

החסימה של קבצים אלו מונעת מהנגן להיטען תקין, גם כאשר הסרטון עצמו מאושר.