YouTube 동영상을 확장 프로그램에서 전체 화면으로 이동

Question

Chrome 확장 프로그램의 초보자로서 누군가 내 YouTube 동영상을 전체 화면에 표시 할 때 내 기능을 트러블하려고합니다. 아래 코드를 생각해 냈지만 경고 메시지는 여전히 발생하지 않습니다.

manifest.json을

{ 
"name": "Ext", 
"version": "0.1", 
"manifest_version": 2, 
"description": "Catching fullscreen.", 
"icons": {"16": "icon_16.png" 
     }, 
"background": { 
    "scripts": ["background.js"] 
}, 
"browser_action":{ 
    "default_title": "Ext", 
    "default_icon": "icon_16.png" 
}, 
"permissions": [ 
    "background", 
    "tabs", 
    "http://*/*", 
    "https://*/*" 
    ] 
} 

background.js 응답 옆에

document.addEventListener('DOMContentLoaded', function() { 
var link = document.getElementByClassName('ytp-fullscreen-button'); 

link.addEventListener('click', function() { 
    alert("Fullscreen"); 
    }); 
}); 

내가 자신을 개선하는 방법을 몇 가지 팁에 매우 감사 할 것입니다 전체 화면 이벤트를가는 비디오에 사용자 정의 리스너를 추가하는 방법을 질문하기 이 유형의 앱에서

Answer 1

extensions architecture overview 읽기 : 배경 페이지 스크립트가 웹 페이지 document 또는 이벤트에 직접 액세스 할 수 없도록 확장명의 배경 페이지가 웹 페이지와 관련이 없습니다.

는 content script 및 fullscreenchange 이벤트를 사용합니다 (현재는 공급 업체 접두사에서의) :

addVendorEventListener(document, 'fullscreenchange', onFullscreenChange); 

function onFullscreenChange(event) { 
    console.log(event); 
} 

function addVendorEventListener(element, eventName, callback) { 
    var vendorName = 'on' + eventName in element ? eventName 
        : 'onwebkit' + eventName in element ? 'webkit' + eventName 
        : 'onmoz' + eventName in element ? 'moz' + eventName 
        : null; 
    if (vendorName) 
     element.addEventListener(vendorName, callback); 
} 

의 manifest.json :

"content_scripts": [{ 
    "matches": ["https://www.youtube.com/*"], 
    "js": ["content.js"] 
}],