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

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

@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 - קבצי לוג של יוטיוב.

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

[mfmf]

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

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

איך מוסיפים סימנייה חכמה? (זה לוקח 10 שניות)
לחצו קליק ימני על סרגל הסימניות ובחרו "הוספת דף..." (Add page).
בשדה "שם" (Name) – תנו לסימנייה שם שקל לזכור (לדוגמה: "תיקון ג'יבריש" או "תרגום מהיר").
בשדה "כתובת אתר" (URL) – הדביקו את קוד הסקריפט המלא מהמדריך.
לחצו על "שמירה" (Save) – והסימנייה החדשה שלכם מוכנה לפעולה!

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