[New 문제해결] 파이어폭스에서 유투브 동영상 (IFrame, 다음카페) 안보이는 문제

[Silva]

2014-06-09 문제해결 업데이트

1. 다음카페 유투브 동영상이 파폭에서만 열리지 않는문제 (위에 글 참고)

2. 해결방안 (old-1) : YouTube Object2iframe <--------- 어느순간부터 안먹힘.

3. 해결방안 (old-2) : 해당페이지를 IE 탭 열기 부가기능 활용 <----- 여전히 가능하지만 상당히 번거로움

4. 해결방안 (2014.06.09) : 우연히 발견한거고 아주 간단한 해결 방법인데
다음카페에서 유투브 동영상이 안뜰때 글 밑에쪽 <인쇄> 링크를 클릭하면 새탭으로 열리면서
안뜨던 동영상이 짠.. 하고 뜹니다.

<<참고> 2번의 YouTube Object2iframe 이 부가기능이 설치되어 있어야 합니다. 없으면 인쇄눌러도 동영상 안뜹니다.

아우. 이거 상당히 장기간 고생시킨건데 이렇게 간단한 해결되네요.


------------------------- 예전내용 ------------------------


이 문제로 장기간 상당히 고생을 했는데요.
예전에 제가 올린 문제발생 글이구요.

viewtopic.php?f=8&t=15258
viewtopic.php?f=8&t=15293

간단히 정리하자면 유투브의 모든 동영상이 아니라 다음카페나 블로그? 등에서 유투브 동영상이 IFrame 으로 걸렸을시에 플레이어 자체가 뜨질 않고 빈 공백에 재생이 안되는 문제인데요.
유투브에선 잘 보입니다. 다음카페에서만 같은 주소의 영상이라도 안보이죠.

다음카페에선 파이어폭스에서 해결할 문제라는 답변을 받았고
어느 유저님께서 NoScrip 부가기능을 사용하면 자동으로 해결되는 문제라 답변을 주셨고 실지로 동영상이 잘 나왔습니다만, NoScrip 부가기능이 초보들에겐 난해한(?) 부가기능이고 이로인해 다음메일이 발송이 안되는 등, 다른 문제점들이 발생되어 삭제했습니다.

오늘 문제를 해결했는데요. 아쉽게도 완벽한 해결법은 아닙니다.
YouTube Object2iframe 이란 부가기능을 설치하면 되는데요.
https://addons.mozilla.org/ko/firefox/a ... e/?src=api

하지만 이 기능이 제가 현재 쓰는 22.0 버전에선 호환이 안되서 설치가 안됩니다.
(18,19 버전에서만 호환되는 거 같아요)

호환성 체크검사를 off 시켜야 하는데 about:config 에서 수정하는 방법이 있지만 번거롭구요.
Disable Add-on Compatibility Checks
https://addons.mozilla.org/ko/firefox/a ... atibility/
이 부가기능을 설치하면 간단히 호환성 체크검사를 off 시키고 사용할 수 있고
YouTube Object2iframe 부가기능를 설치할 수 있습니다.

설치후 다른 옵션 건들건 전혀 없구요. 디폴트로 사용하면 되고

다음카페에서 유투브 동영상이 보이지 않을시,
오른쪽마우스 -> 현재프레임 -> 이프레임만 보이기
를 선택하시면 영상이 보일겁니다.

아니면 게시판 목록에서 새탭열기로 게시글 링크를 열면 바로 보이구요.

짐작컨데, 상위버전하고 호환이 안되는 구버전이라 그렇지, 이런 2차 과정을 거치지 않더라도 YouTube Object2iframe 부가기능을 설치하면 게시글 클릭시 바로 영상이 보이지 않았을까 짐작합니다.뭐 버전업이 되길 기다리는 수밖에 없겠죠.

이와 다른 방법은, 해당페이지를 IETab 부가기능을 통해 IE 페이지로 열어보는
지금껏 이렇게 사용했습니다만, 몇가지 불편사항이 있기에
이 방법은 실지 사용해보면 로딩도 느리고 상당히 번거러우실 겁니다.


여담이지만, 파폭 사용자가 갈수록 줄어드는 느낌입니다. 크롬으로 몰리는 거 같고
부가기능의 다양함 또한 파폭은 점점 폭이 좁아지는 느낌이 듭니다.
포털에서 검색을 해도 정보를 얻기 힘들때가 많구요.

크롬은 갈수록 급하게 사용자나 부가기능제작이 활발해지는 거 같은데
크롬을 버리고 파폭으로 갈아탄 입장에서 조금 씁쓸하네요.
파폭은 여우라은 명칭에 걸맞게 너무 까탈스러운 거 같아요 ㅎㅎ

[soumynona]

Silva님 아름다운 삽질의 노력이...! ㅎㅎ

소개해 주신 YouTube Object2iframe으로 일단 문제는 해결되는 것 같네요~

참고로 아래 리팩된 자료를 받으시면 호환성 문제없이 설치 가능합니다.

YouTube Object2iframe 1.5.1
https://releases.mozilla.com/re-packs/y ... packed.xpi

[Silva]

영맹이라 더 삽질 좀 했네요 ㅠ

기대를 했는데 1.5.1을 설치해도 daum 게시물 클릭시 바로 iframe 동영상이 재생되진 않는군요.
안 뜨는 걸 확인 후 프레임 열기로 해줘야 하는 번거로움은 그대로 있네요.

그런데 1.5.1 버전은 어디서 찾으셨나요?
제작자 홈피가도 xpi 로는 없던데 ㅠ 능력자시네요.

[soumynona]

찾는 건 그냥 찾다 보니 얻어걸린 꼴입니다...ㅎ

요즘 나오는 Firefox의 재시작이 필요없는 부가 기능들은 Add-on SDK(Jetpack)로 제작된 것들인데,

https://addons.mozilla.org/ko/developers/builder

Firefox 19에서 20으로 넘어갈 시점에 버전 업된 SDK가 내부적으로 뭔가 많이 바뀌어 새 버전 SDK와 함께 리팩이 필요했었다네요.
근데 YouTube Object2iframe은 개발자가 직접 리팩하지 않아서 mozilla에서 그냥 자동화로 돌려 버리고 올려놓은 것 중에 하나같네요.

https://releases.mozilla.com/re-packs

위에 가 보시면 그런 부가 기능이 많습니다.

그리고 유튜브에서 공유 소스 코드를 생성하면 기본이 iframe 방식인데, 다음카페는 시대에 뒤떨어져 못하게 막아놓았습니다(네이버카페는 됨). 그래서 아래와 같이 object와 embed 태그를 사용하는 이전 소스 코드를 사용해야 합니다.

<object width="560" height="315"><param name="movie" value="//www.youtube.com/v/wMPgoHomGrU?version=3 ... ram><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/wMPgoHomGrU?version=3&hl=ko_KR" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

위 소스 코드로 네이버카페, 다음카페, 다음블로그에서 테스트해 봤는데, 다음카페만 Firefox에서 안 보이네요. 참;;;
다음 관계자 보시면 대체 어느 놈이 문젠지 한번 살펴봐 주세요;;;

[Silva]

[quote="soumynona"]

https://releases.mozilla.com/re-packs

이 링크 메모해놨습니다. 혹시 버전업이 안되는 부가기능이 있다면 한번 살펴봐야겠어요.

그리고 제가 예전에 멜로 문의했어요. 관련부서로 보고를 부탁했고
한참있다 답변이 왔는데, 지난 글에도 말씀드렸지만

IFrame 문제라는 얘길 그때 첨 듣게 된거고, 답변은 우리가 어쩔 수 없다. 파폭이 맞춰라 이거였죠 ㅎㅎ

파폭을 쓰면서 유독, 다음에서 종종 문제가 발생하네요. 다른 사이트는 문제없던데 동영상 재생시 광고주소가 AdBlock Plus 기본값에 걸려 TV팟 동영상들은 재생이 안되 헤매게 만들고 저번에 언급하신 노 스크립트 부가기능 또한 기본값에 모두 허용으로 놔도 다음메일 발송에 문제가 생기고.. 파폭을 쓰면서 다음이 꼬진 사이트인거 이번에 실감하네요.

[솔개]

저도 이 문제로 계속 답답해 하다가 이 글까지 오게 되었는데요. 올려주신 방법은 제가 해 보니 번번히 '이 프레임만 보기'를 해줘야 하는 것 같아요. 그래서 찾아 보았는데 동영상 소스를 바꿔 주니까 파이어폭스에서도 나옵니다.

http://www.tools4noobs.com/online_tools/youtube_xhtml/
"Valid XHTML YouTube embed code generator"

위 사이트에 들어가서 URL상자에 유튜브 동영상 주소를 넣고 버튼을 누르면 아래와 같은 코드가 생성되어 나옵니다.

Code: Select all

<object type="application/x-shockwave-flash" style="width:450px; height:366px;" data="http://www.youtube.com/v/eNNEhGx4aqA?color2=FBE9EC&version=3">
        <param name="movie" value="http://www.youtube.com/v/eNNEhGx4aqA?color2=FBE9EC&version=3" />
        <param name="allowFullScreen" value="true" />
        <param name="allowscriptaccess" value="always" />
        </object><div style="font-size: 0.8em"><a href="http://www.tools4noobs.com/online_tools/youtube_xhtml/">Get your own valid XHTML YouTube embed code</a></div>

밑에 따라 붙는 링크는 성가시면 지우면 될테구요. 이 소스를 다음카페에 넣으니까 파이어폭스에서도 잘 나옵니다. ^ㅁ^/

[soumynona]

문제는... 다른 사람이 다음카페에 올린 게 Firefox에서 안 보인다는 거죠.
Firefox 사용자라면 자기가 글 올리고 안 보이니까 '뭐지?' 하면서 소개해 주시는 사이트(http://www.tools4noobs.com/online_tools/youtube_xhtml) 이용하는 방법도 찾겠지만, 솔직히 누가 그럴까 싶습니다.

Silva님 글 보고, 저도 다음 고객센터에 문의했었는데... 2달이 지나가려고 하는데도 답변이 없고, 기대도 안 되고, 그냥 포기하고 있습니다.

제가 생각하는 제일 쉬운 해결 방법은... 그냥 Fire IE 같은 부가 기능을 이용해 cafe.daum.net같이 싹수가 노란 곳은 그냥 IE 엔진으로 돌리는 게 제일 나은 것 같습니다.

[솔개]

제가 다른 사람이 올린 동영상 문제는 생각하지 못했네요.
다음이 예전에는 파이어폭스 사용자를 그래도 신경써주는 편이었던 것 같은데
요새는 그런 문제가 아니더라도 이래저래 답답할 뿐입니다.
회원들의 건의사항도 예전 보다 반영이 잘 안되는 것 같고 뭔가 운영이 벅차보여요.
능동적인 변화를 기대하기 힘든 상태입니다.

[Silva]

2014-06-09 문제해결 업데이트

1. 다음카페 유투브 동영상이 파폭에서만 열리지 않는문제 (위에 글 참고)

2. 해결방안 (old-1) : YouTube Object2iframe <--------- 어느순간부터 안먹힘.

3. 해결방안 (old-2) : 해당페이지를 IE 탭 열기 부가기능 활용 <----- 여전히 가능하지만 상당히 번거로움

3. 해결방안 (2014.06.09) : 우연히 발견한거고 아주 간단한 해결 방법인데
다음카페에서 유투브 동영상이 안뜰때 글 밑에쪽 <인쇄> 링크를 클릭하면 새탭으로 열리면서
안뜨던 동영상이 짠.. 하고 뜹니다.

<<참고> 2번의 YouTube Object2iframe 이 부가기능이 설치되어 있어야 합니다. 없으면 인쇄눌러도 동영상 안뜹니다.

아우. 이거 상당히 장기간 고생시킨건데 이렇게 간단한 해결되네요.