0
나는이 jsfiddle이 있습니다.인라인 Youtube API 자바 스크립트 코드를 seprate 파일로 이동
스크립트를 위쪽 패널에서 아래쪽 패널로 이동할 때 스크립트가 더 이상 작동하지 않습니다. 왜 jQuery를 사용하여 버튼을 타겟팅 할 수 없습니까? 이제 jQuery가 작동하지 않기 때문에 바닐라 자바 스크립트를 사용해야합니다.
아이디어가 있으십니까?
A
답변
3
, 왼쪽 패널 screenshot에서, 당신은 어디에서 스크립트를 배치 할 수 있습니다. 기본적으로 머리 안에 onload 이벤트로 묶입니다. 기본적으로 Mootools 라이브러리가로드됩니다.
YouTube 플레이어 API가 기본 설정과 작동하지 않는 이유는 API가 글로벌onYouTubePlayerAPIReady 이벤트를 정의해야하기 때문입니다. 코드가 onload 이벤트로 래핑 될 때 함수는 더 이상 전역이 아닙니다.
해결책은 JSFiddle을 올바르게 사용하는 것입니다. no wrap (body) 및 jQuery 1.7.2 : http://jsfiddle.net/4WPmY/12/을 사용하십시오.
또 다른 해결책은, 권장보다 적지 좋은, window의 속성으로 설정하여 onYouTubePlayerAPIReady을 정의 전역하는 것입니다 http://jsfiddle.net/4WPmY/13/
window.onYouTubePlayerAPIReady = function() {
0
jsFiddle의 왼쪽 창에서 "프레임 워크 선택"섹션의 첫 번째 설정을 no wrap (body)으로 변경해야 DOM이로드 된 후 JS 패널이 실행됩니다. 해당 라이브러리를 사용하려면 두 번째 옵션을 jQuery 1.7.2으로 변경해야합니다. 업데이트
귀하의 바이올린 : JSFiddle에서http://jsfiddle.net/Marcel/4WPmY/11/
이 jsfiddle에서 작동하지만, 실제로 코드를 복용에 넣어 js 파일 및 헤더에있는 파일을 좋아하는 작동하지 않습니다. 심지어 내가 globalyYouTube에 정의 된 코드를 복사 할 때 ... – halliewuud
@halliewuud 당신은'file :'프로토콜에서 테스트하고 있습니까? 'postMessage' (YouTube 프레임 API의 핵심 메소드)가'file :'에서 작동하지 않기 때문에 작동하지 않습니다. –
아니요 일반 – halliewuud