아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon

아이폰에서 유튜브 동영상 자동 전체화면 사용 안함

  • 2018.09.20 21:16
  • Blog

이 글은 유튜브 동영상 테스트와 이어진다. 아이폰은 브라우저에서 동영상을 재생하면 자동으로 전체화면으로 전환된다. 이를 해결하려면 강제적이거나 복잡한 스크립트로만 가능한 줄 알았는데, 구글링으로 금방 찾을 수 있었고 생각보다 매우 간단하게 해결할 수 있었다.

아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon

개발자 샘플

https://developers.google.com/youtube/youtube_player_demo

위 링크를 클릭하면 유튜브 플레이어 데모 페이지로 이동한다. 여기서 플레이어 매개변수 표시 버튼을 클릭하면 다양한 매개변수들을 확인할 수 있는데, 여기서 주목해야 할 매개변수는 playsinline 이다.

이 매개변수는 iOS의 HTML5 플레이어에서 동영상을 인라인으로 재생할지 전체화면으로 재생할지 여부를 제어한다. 유효한 값은 다음과 같다.

  • 0: 이 값을 지정하면 전체화면으로 재생된다. 현재 기본값이지만 기본값은 변경될 수 있다.
  • 1: 이 값을 지정하면 TRUE로 설정된 allowsInlineMediaPlayback 속성과 함께 만들어진 UIWebViews이 인라인으로 재생된다.

여기서는 매개변수를 추가하면 IFrame 코드가 어떤 식으로 바뀌는지 이해하면 되고, 더 많고 각 매개변수의 자세한 설명을 원한다면 이글 제일 하단의 참고 링크를 살펴보면 된다.

IFrame 삽입 코드

<iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/M7lc1UVf-VE" frameborder="0" allowfullscreen>

위 코드는 가장 기본적인 IFrame 삽입 코드다. 여기서 playsinline 를 체크하고 선택한 옵션으로 플레이어 업데이트 버튼을 클릭하면 아래와 같은 코드를 볼 수 있다.

<iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/M7lc1UVf-VE?playsinline=1" frameborder="0" allowfullscreen>

한마디로 유튜브 동영상을 퍼갈 때 playsinline 매개변수만 추가해주면 된다는 뜻이다. IFrame 코드를 삽입할 때마다 이 매개변수를 입력하면 번거로울 수 있는데, 왠지 아래 방법으로 글마다 일일이 입력하지 않아도 스크립트를 통해 자동으로 유튜브 동영상에 매개변수를 추가할 수 있을 거 같기도 하다.

https://forums.adobe.com/thread/2316337

아주 간단해 보이는 스크립트지만 지식이 부족해서 조금 더 고민해보고 해결방안을 찾아봐야겠다.

참고 링크

https://stackoverflow.com/questions/40960747/disable-auto-fullscreen-of-youtube-embeds-on-iphone https://developers.google.com/youtube/player_parameters

아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon

한동안 YouTube는 Flash와의 협력을 중단하여 HTML5, 더 유동적 인 시스템과 지금까지 사용 가능한 모든 장치와 호환됩니다. YouTube의 이러한 움직임으로 인해 Google은 App Store의 Youtube 애플리케이션, 따라서 최근 몇 달 동안 사용자에게 응용 프로그램을 다운로드하도록 권장하고 훨씬 더 많은 것을 제공하고 있습니다. 오늘 우리는 놀랍게도 일어났습니다. Youtube는 비디오 플레이어를 업데이트했습니다. Safari, Chrome 등으로 탐색 할 때 ... 더 이상 전체 화면 비디오를 볼 수 없습니다. 브라우저에서 최대 크기로보고 싶다면 현재 가장 인기있는 비디오 서비스의 공식 애플리케이션을 사용해야합니다.

Google은 모든 사람이 App Store에서 YouTube를 다운로드하기를 바랍니다.

변경 사항은 아이디바이스, 그러나 우리가 가지고있는 장치에 따라 두 가지 수준에서 변경 사항을 구별 할 수 있습니다.

  • 아이 패드 : 플레이어는 데스크톱 웹에있는 플레이어와 거의 비슷합니다. 자막을 활성화 또는 비활성화하고, 품질을 변경하고, 노트를 활성화 할 수 있습니다.이 시스템은 예를 들어 언어와 Safari의 호환성 덕분에 작동합니다. HTML5, 제가 말하는 플레이어는 그 프로그래밍 언어를 기반으로하기 때문입니다.
  • iPhone 및 iPod Touch : 일부 새로운 기능이 추가되었지만 이전 플레이어의 디자인 요소는 사라졌습니다.

무슨 일이야? 두 장치 모두 동영상을 전체 화면으로 볼 수 없습니다. 즉, 비디오를 전체 화면으로 표시하는 옵션이 없습니다. 공식 YouTube 애플리케이션이 없으면 앱이 제공 할 수있는 시각적 서비스를 완전히 즐길 수 없기 때문에 Google이 공식 YouTube 애플리케이션을 다운로드하는 것이 강력하고 흥미로운 내기임이 분명합니다.


기사의 내용은 우리의 원칙을 준수합니다. 편집 윤리. 오류를보고하려면 여기에.

안녕하세요. 성진129 님,

동영상 재생시 검정색 화면으로 재생된다는 문제로 이해됩니다.

다만, 아쉽게도 발생하시는 문제를 정확하게 파악하지 못했습니다.

가능하신 경우 기재해 주신 동영상 재생의 환경을 확인해 주시면 좋을 것 같습니다.

Apple App 을 통한 동영상 재생인지? / 동영상의 형식 / 네트워크 연결 상태의 스트리밍 동영상/ 저장된 동영상 / 촬영된 동영상 / 전원을 재시동 한 후에도 문제가 지속되는지 여부 등을 확인해 보셨으면 합니다.

해당 문제가 Apple App 을 통해 재생시 발생하는 문제의 경우 위 항목을 확인해 보신 후 Apple 기술 지원(080-333-4000) 으로 문의하시어 추가적인 조사와 안내를 받아 보시는 것이 좋을 것 같습니다. 문제가 원만히 해결되시길 바랍니다. 감사합니다.

아이폰 유튜브 전체화면 전환

유튜브 화면은 동영상 플레이어 하단에 표시된 전체 화면 아이콘을 탭해 크게 확대가 가능합니다. 하지만 아이폰 유저라면, 간단한 제스처만으로도 화면을 한 번에 크게 하거나 작게 전환할 수 있다는 사실 알고 계신가요? 오늘은 아이폰 유튜브 전체 화면 전환 방법과 방향에 대해 자세히 알아보겠습니다.

아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon
아이폰-유튜브-전체화면-전환-제스처-방향

아이폰 유튜브 전체화면 전환 방법

아이폰에서 유튜브 영상을 전체 화면으로 전환하는 방법은 ① 동영상 플레이어 하단 전체화면 전환 아이콘을 탭 하는 방법 ② 화면 세로 방향 고정을 OFF 하는 방법 ③ 손가락 제스처를 통해 전체화면으로 전환하는 방법 등 크게 3가지 유형으로 나눌 수 있습니다.

그중 가장 유용한 방법은 손가락 제스처를 이용한 화면 전환입니다. 유튜브에서 마음에 드는 동영상을 탭하면 영상이 재생되는데, 영상을 탭한 상태에서 위쪽 방향으로 쓸어 올리듯이 제스처를 취하면 손쉽게 전체화면으로 전환이 가능합니다.

아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon
전체화면-전환-방향-위로

반대로 영상이 전체 화면일 때는 화면을 탭한 후 아래 방향으로 쓸어내리듯 제스처를 취하면 전체화면이 해제되고 원래 작은 화면으로 돌아갑니다.(영상을 탭한 후 위로 쓸어 올리면 해당 영상과 관련된 다른 영상이 표시됩니다.)

아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon
아이폰-유튜브-전체화면-해제

아이폰 유튜브 이전 화면으로 돌아가기

갤럭시 등 안드로이드 폰의 경우 동영상을 시청하고 화면 목록 화면으로 돌아가고 싶을 때, 화면 하단에 표시된 [이전으로 돌아가기] 버튼을 누르면 됩니다. 하지만 아이폰은 유튜브 앱 실행 시 별도로 하단에 홈 버튼이나 이전으로 돌아가기 버튼이 활성화되어 있지 않습니다.

그럼 어떻게 해야 할까요?

방법은 간단합니다. 영상 화면을 탭한 후 아래로 스와이프 하면 해당 영상 화면이 간략히 표시되고 목록 화면으로 전환됩니다. 간략히 표시된 영상 화면은 오른쪽에 표시된 [X] 버튼을 클릭하거나 아래로 스와이프 하면 사라집니다. 유튜브 앱 종료는 화면 하단에서 위로 스와이프 하면 됩니다.

아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon
아이폰-유튜브-영상-목록-전환-방법

유용한 아이폰 손동작 제스처

■ 홈 화면으로 돌아가기 화면 하단에서 위로 쓸어 올리듯 스와이프.

■ 화면 켜기 ① 들어서 깨우기를 사용하거나 ② 측면의 버튼을 누르거나 ③ 화면을 한번 두드리면 화면을 깨울 수 있다.

■ 앱 전환하기 화면 맨 아래쪽을 왼쪽 또는 오른쪽으로 스와이프 하면 앱이 전환됩니다. 단, 백그라운드로 실행되는 앱이 있어야 합니다.

■ 백그라운드 앱 모두 보기 화면 하단에서 위로 스와이프 하다가 화면이 전환되었을 때 손가락을 떼면 구동 중인 모든 백그라운드 앱을 볼 수 있다. 왼쪽 또는 오른쪽으로 스와이프 해 앱을 선택할 수 있으며, 앱을 선택한 후 위로 스와이프 하면 실행되던 앱을 중단시킬 수 있습니다.

■ 스크린샷 찍기 측면 버튼과 볼륨 버튼 (+)를 동시에 누르면 화면에 표시된 화면이 캡처된다.

아이폰 사파리 동영상 전체화면 - aipon sapali dong-yeongsang jeonchehwamyeon
아이폰-화면-스크린샷-찍기