Firefox의 사운드 클라우드 임베딩 문제

Question

저는 Soundcloud 노래를 삽입해야하는 프로젝트를 진행하고 있습니다. Chrome에서 페이지를 열려고하면 모든 것이 작동하지만 Firefox에서는 Soundcloud 로고가있는 회색 상자가 가운데에 표시됩니다.

디버깅을 시도하고 있었는데 여기 파이어 버그에서 보았습니다. 내가 페이지를 열면

TypeError: this.getFlashPlugin(...).match(...) is null

및

Error: Permission denied to access property "href"

내가 지금 이일 이후를 찾고 있었고, 나는 거의 결론에 도달하는 것이이 없습니다 말한다 무슨 일이 있어도 갑자기 jsfiddle URL이 검색 결과에 나타나서 Firefox와 Chrome에서 작동하는 soundcloud embed이 정상적으로 작동한다는 것을 알았습니다.

이제

, 여기에 원래 jsfiddle URL을 : https://jsfiddle.net/etLwq8kv/

: 나는 여기에서 찾을 수 있습니다 새로운 jsfiddle 문서에 HTML과 자바 스크립트 부분을 포함하여, 동일한 코드를 복사 한 무슨 짓을 http://fiddle.jshell.net/Peeters_William/kpkdnrts/

나는 말 그대로 우둔한데 : 첫 번째 바이올린은 아무런 문제없이 일하는 이유는 무엇 입니까이 두 번째는 노래를 포함을 거부? 나는

나는 심지어

• CSS 패널로 내가 처음 바이올린에서 본 모든 설정을 변경 한 .. 내가 첫 번째 코드의 동일한 복사본이 여전히, 그것을 표시하기를 거부 있다고 생각 - > 정규화 CSS
• HTML 패널 -> DOCTYPE이 HTML5, 바디 태그 :
• 자바 스크립트 패널 -> 언어 : 자바 스크립트 프레임 워크 : 없음 - Libary (순수 JS), 부하 유형 : 아직도의 onLoad

, 내가 믿는다 고해도 두 개의 바이올린이 정확한 사본 인 이유는 무엇입니까? 두 번째 파일이 제대로 작동하지 않는 이유는 무엇입니까?

미리 감사드립니다. 멋진 하루 되세요!

Answer 1

네트워크에서 몇 가지 단서를 확인한 후 스크립트가 전혀로드되지 않았 음이 분명해졌습니다. 나는 모든 것을 두 번 검사하기 시작했으며, URL (https://jsfiddle.net과 http://fiddle.jshell.net)뿐만 아니라 프로토콜에 의해서도 작업 예제의 URL이 당신과 다르다는 것을 알았습니다.

작동 예제에서 프로토콜은 HTTP이고 Soundcloud의 API도 마찬가지입니다. 그러나 귀하의 예가 보안 연결 상태 였고 API 주소가 아닙니다. 다음은 "속성 href에 액세스하기 위해 거부 된 사용 권한"메시지를 설명합니다.

다행히도 Soundcloud는 보안 버전의 API를 제공합니다. 프로토콜을 HTTPS로 변경하여 예제를 수정하고 작업을 시작했습니다.HTTPS

https://connect.soundcloud.com/sdk.js