Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
(연관된 글이 1개 있습니다.)

Internet Explorer 11에서 유튜브 동영상의 1080p 옵션이 보이지 않는 경우


아래와 같은 질문이 하나 떴습니다. ^^

ie_1080p_x64_1.png

실제로 해당 Youtube 동영상에 가보니 저는 1080p 옵션이 잘 나오고 있습니다.

http://www.youtube.com/watch?v=Rj00gkCpf_U

ie_1080p_x64_2.png

그렇다면 도대체 어떻게 된 일일까요? 그러고 보니, 예전에 IE 11에서 바뀐 부분을 정리한 적이 있었는데요. Internet Explorer가 64비트로 수행된 경우 발생하는 것을 확인할 수 있었습니다.

IE 11로 바꾼 후 발생하는 문제 정리
; https://www.sysnet.pe.kr/2/0/1497

IE의 고급 설정에서 "향상된 보호 모드 사용(Enable Enhanced Protected Mode)" 옵션과 "향상된 보호 모드를 위해 64비트 프로세스 사용(Enable 64-bit processes for Enhanced Protected Mode)" 옵션이 켜져 있는 경우 해당 IE는 64비트로 실행됩니다. 이렇게 옵션을 맞추고 문제의 Youtube 동영상을 방문해 보면 다음과 같이 1080p 옵션이 보이지 않습니다.

ie_1080p_x64_3.png

페북 질문의 덧글에 보면 "조주행"님이 호환성 보기로 선택하면 보인다고 했는데, 실제로 64비트 모드의 IE에서 호환성 보기로 Youtube를 등록한 경우 1080p 모드가 다시 보입니다.

정리하자면, 호환성 보기에 등록하기 보다는 32비트로 실행하되도록 "향상된 보호 모드를 위해 64비트 프로세스 사용(Enable 64-bit processes for Enhanced Protected Mode)" 옵션을 하나 꺼주시면 됩니다. (옵션을 바꾼 후에는 모든 IE를 종료하고 새로 시작하는 것이 좋습니다. 작업관리자에서 iexplore.exe가 없는 것을 꼭 확인하세요. ^^)


원인이 확실하게 밝혀졌습니다. ^^ 다름아닌 user-agent 문자열과 관련이 있었는데요.

Internet Explorer 11을 7, 8, 9, 10 버전으로 인식시키는 방법
; https://www.sysnet.pe.kr/2/0/1514

위의 글에 설명된 IE 11의 최신 user-agent 문자열로 유튜브 측에 접속하면 32비트/64비트에 상관없이 1080p 옵션이 없어집니다. 차이점은 대충 이렇습니다.

IE 11 최신 user-agent로 접속하면 유튜브는 다음과 같은 HTML5 video 태그로 응답을 합니다.

<video class="video-stream html5-main-video" style="left: 0px; top: 0px; width: 640px; height: 360px; transform: none;" src="blob:0BD589DF-9B04-4C1B-8397-A619A872BECC" x-webkit-airplay="allow" data-youtube-id="Rj00gkCpf_U"></video>


아쉽게도 <video />에서는 1080p 모드의 영상 옵션이 없습니다. 하지만, IE 11의 user-agent 문자열을 10 이하의 것으로 보내면 다음과 같이 flash 플레이어로 대체됩니다.

<embed name="movie_player" width="100%" height="100%" tabindex="0" id="movie_player" src="http://s.ytimg.com/yts/swfbin/player-vfle2Qpz1/watch_as3.swf" type="application/x-shockwave-flash" flashvars="..." bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always">


아니... 그런데 HTML5를 IE보다 더 잘 준수하는 크롬에서는 그럼 왜 잘되는 겁니까? 라고 물을 수 있는데요. 크롬은 유튜브를 HTML5 웹 사이트로 처리하지 않기 때문에 <video />가 아닌 플래시로 처리하기 때문입니다. (사실, 엄밀히는 유튜브가 크롬을 HTML5 표준 웹 브라우저로 여기지 않는다고 봐야죠.)





[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 11/13/2013]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2013-11-14 05시53분
[spowner] 감사히 잘 보고 갑니다. 역시 정확한 원인분석! ^^
[guest]
2013-11-15 12시25분
^^ 궁금한 거 파헤치는 재미도 있으니까요.
정성태
2013-11-18 02시29분
[Allen Min] HTML5로 처리보다는 제 생각엔 PC버젼이냐 모바일버젼이냐로 아마 구분을 짓는 것 같습니다.
IE11에서는 여기 댓글창도 모바일에서나 나올법하게 작게 나오네요~^^
[guest]
2013-11-18 02시48분
"Allen Min"님, 만약 모바일 버전으로 인식했다면 m.youtube.com 식으로 서버가 바뀌었을 것입니다. 제 홈페이지에서 덧글창이 작게 나오는 것은 IE 11을 ASP.NET에서 인식하지 못했기 때문입니다. 관련해서 아래의 글로 정리해 두었으니 참고하세요. ^^

Internet Explorer 11에서 ASP.NET 컨트롤의 크기가 달라지는 문제
; http://www.sysnet.pe.kr/2/0/1535
정성태
2015-08-26 06시50분
[불여우사용자] 파이어폭스에서는 정상적으로 1080p로 잘 나오네요...인터넷은 주로 파폭 쓰느라 익스플로러에서 저런 문제가 있는 지도 몰랐네요...ㅋㅋㅋㅋㅋㅋㅋ
[guest]

... 31  32  33  34  35  36  37  38  39  40  [41]  42  43  44  45  ...
NoWriterDateCnt.TitleFile(s)
12621정성태5/1/202110476.NET Framework: 1053. C# - 특정 레지스트리 변경 시 알림을 받는 방법 [1]파일 다운로드1
12620정성태4/29/202112395.NET Framework: 1052. C# - 왜 구조체는 16 바이트의 크기가 적합한가? [1]파일 다운로드1
12619정성태4/28/202112924.NET Framework: 1051. C# - 구조체의 크기가 16바이트가 넘어가면 힙에 할당된다? [2]파일 다운로드1
12618정성태4/27/202111363사물인터넷: 58. NodeMCU v1 ESP8266 CP2102 Module을 이용한 WiFi UDP 통신 [1]파일 다운로드1
12617정성태4/26/20219201.NET Framework: 1050. C# - ETW EventListener의 Keywords별 EventId에 따른 필터링 방법파일 다운로드1
12616정성태4/26/20219045.NET Framework: 1049. C# - ETW EventListener를 상속받았을 때 초기화 순서파일 다운로드1
12615정성태4/26/20217073오류 유형: 712. Microsoft Live 로그인 - 계정을 선택하는(Pick an account) 화면에서 진행이 안 되는 문제
12614정성태4/24/20219910개발 환경 구성: 570. C# - Azure AD 인증을 지원하는 ASP.NET Core/5+ 웹 애플리케이션 예제 구성 [4]파일 다운로드1
12613정성태4/23/20218971.NET Framework: 1048. C# - ETW 이벤트의 Keywords에 속한 EventId 구하는 방법 (2) 관리 코드파일 다운로드1
12612정성태4/23/20219116.NET Framework: 1047. C# - ETW 이벤트의 Keywords에 속한 EventId 구하는 방법 (1) PInvoke파일 다운로드1
12611정성태4/22/20218374오류 유형: 711. 닷넷 EXE 실행 오류 - Mixed mode assembly is build against version 'v2.0.50727' of the runtime
12610정성태4/22/20218261.NET Framework: 1046. C# - 컴파일 시점에 참조할 수 없는 타입을 포함한 이벤트 핸들러를 Reflection을 이용해 구독하는 방법파일 다운로드1
12609정성태4/22/20219680.NET Framework: 1045. C# - 런타임 시점에 이벤트 핸들러를 만들어 Reflection을 이용해 구독하는 방법파일 다운로드1
12608정성태4/21/202110552.NET Framework: 1044. C# - Generic Host를 이용해 .NET 5로 리눅스 daemon 프로그램 만드는 방법 [9]파일 다운로드1
12607정성태4/21/20219065.NET Framework: 1043. C# - 실행 시점에 동적으로 Delegate 타입을 만드는 방법파일 다운로드1
12606정성태4/21/202113211.NET Framework: 1042. C# - enum 값을 int로 암시적(implicit) 형변환하는 방법? [2]파일 다운로드1
12605정성태4/18/20219110.NET Framework: 1041. C# - AssemblyID, ModuleID를 관리 코드에서 구하는 방법파일 다운로드1
12604정성태4/18/20217670VS.NET IDE: 163. 비주얼 스튜디오 속성 창의 "Build(빌드)" / "Configuration(구성)"에서의 "활성" 의미
12603정성태4/16/20218580VS.NET IDE: 162. 비주얼 스튜디오 - 상속받은 컨트롤이 디자인 창에서 지원되지 않는 문제
12602정성태4/16/20219794VS.NET IDE: 161. x64 DLL 프로젝트의 컨트롤이 Visual Studio의 Designer에서 보이지 않는 문제 [1]
12601정성태4/15/20218850.NET Framework: 1040. C# - REST API 대신 github 클라이언트 라이브러리를 통해 프로그래밍으로 접근
12600정성태4/15/20219039.NET Framework: 1039. C# - Kubeconfig의 token 설정 및 인증서 구성을 자동화하는 프로그램
12599정성태4/14/20219787.NET Framework: 1038. C# - 인증서 및 키 파일로부터 pfx/p12 파일을 생성하는 방법파일 다운로드1
12598정성태4/14/20219883.NET Framework: 1037. openssl의 PEM 개인키 파일을 .NET RSACryptoServiceProvider에서 사용하는 방법 (2)파일 다운로드1
12597정성태4/13/20219946개발 환경 구성: 569. csproj의 내용을 공통 설정할 수 있는 Directory.Build.targets / Directory.Build.props 파일
12596정성태4/12/20219682개발 환경 구성: 568. Windows의 80 포트 점유를 해제하는 방법
... 31  32  33  34  35  36  37  38  39  40  [41]  42  43  44  45  ...