☰

Netflix: Trailer

Embeds a youtube trailer in the detail view.

当前为 2016-02-12 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Netflix: Trailer
// @description  Embeds a youtube trailer in the detail view.
// @author       Chris H (Zren / Shade)
// @icon         https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2015.ico
// @namespace    http://xshade.ca
// @version      1
// @match        http://www.netflix.com/*
// ==/UserScript==

function isBrowseUrl() {
    return document.location.href.startsWith('http://www.netflix.com/browse')
    || document.location.href.startsWith('http://www.netflix.com/title');
}

window.addTrailerUrl = function() {
    if (!document.querySelector('.bob-trailer')) {
        var titleElement = document.querySelector('.bob-title');
        if (titleElement) {
            var url = 'https://google.com/#q=';
            var query = titleElement.innerText;
            var yearElement = document.querySelector('.bob-info .meta .year');
            if (yearElement) {
                query += ' (' + yearElement.innerText + ')';
            }
            query = 'trailer ' + query;
            url += encodeURIComponent(query);
            url += '&tbm=vid';
            //url += '&btnI';

            var html = ' (<a href="' + url + '" class="bob-trailer" target="_blank" />Trailer</a>)';
            titleElement.innerHTML = titleElement.innerHTML + html;
        }
    }
}

function querySelectorLast(e, selector) {
    var arr = e.querySelectorAll(selector);
    return arr[arr.length-1];
}

window.addTrailerToJawbone = function() {
    var jawbone = document.querySelector('.jawBoneContent.open');
    if (!jawbone)
        return;
    if (jawbone.querySelector('iframe.trailer'))
        return;
    
    
    var title = querySelectorLast(jawbone, '.jawBoneContainer .title').innerText;
    if (!title)
        title = querySelectorLast(jawbone, '.jawBoneContainer .title img').alt;
    if (!title)
        return;
    
    var year = querySelectorLast(jawbone, '.meta .year').innerText;
    
    var trailerQuery = 'trailer ' + title;
    if (year)
        trailerQuery += ' (' + year + ')';
    var trailerUrl = 'https://www.youtube.com/embed?listType=search&list=' + encodeURIComponent(trailerQuery);
    
    var jawbonePlayLink = jawbone.querySelector('.overviewPlay');
    var trailerEmbed = document.createElement('iframe');
    trailerEmbed.classList.add('trailer');
    trailerEmbed.allowFullscreen = true;
    trailerEmbed.src = trailerUrl;
    jawbonePlayLink.parentNode.insertBefore(trailerEmbed, jawbonePlayLink.nextSibling);
    jawbonePlayLink.style.display = 'none';
}


if (isBrowseUrl()) {   
    setInterval(function() {
        //addTrailerUrl();
        addTrailerToJawbone();
    }, 400);
    //GM_addStyle('.bob-trailer { cursor: pointer !important; pointer-events: auto !important; }');
    GM_addStyle('\
.jawBone iframe.trailer { display: none; position: absolute; z-index: 100; top: 10px; height: calc(100% - 10px - 30px); left: 40%; width: calc(100% - 40% - 75px); border: none; } \
.overviewPlay + iframe.trailer { display: block; } \
    ');
}