iOS 및 브라이트코브 플레이어

이 항목에서는 iOS 10 이상에서 Brightcove Player를 사용하는 방법에 대해 자세히 알아 봅니다. 비디오 및 iOS에 대한 Webkit(웹 브라우저 엔진) 표준을 보려면 조직을 참조하십시오 . New < 동영상> iOS 문서에 대한 정책 .

비디오 자동 재생

원치 않는 세그먼트가 다운로드 될 수 있다는 우려가 문제가되지 않기 때문에 비디오를 자동 재생할 수 있습니다. 이를 위해서는 다음을 수행해야합니다.

  • 추가autoplay속성. iframe 임베드 코드의 경우 이 속성을 로 설정합니다true .
  • 추가playsinline속성. iframe 임베드 코드의 경우 이 속성을 로 설정합니다true .
  • 추가muted속성. iframe 임베드 코드의 경우 이 속성을 로 설정합니다true . 또는 사운드 트랙이없는 비디오를 사용할 수 있습니다.

인 페이지 소스 코드 구현 :

<video-js data-video-id="5045678908001"
	data-account="1752604059001"
	data-player="default"
	data-embed="default"
	data-application-id
	autoplay playsinline muted
	controls></video-js>
<script src="https://players.brightcove.net/1752604059001/default_default/index.min.js"></script>

iframe 소스 코드 구현 :

<iframe src="https://players.brightcove.net/1752604059001/default_default/index.html?
  videoId=5811862231001&autoplay=true&muted=true&playsinline=true"
	allowfullscreen
  allow="encrypted-media"></iframe>

자동 재생에 대한 자세한 내용은자동 재생 고려 사항문서.

전체 화면이 아닌 비디오 재생

전체 화면이 아닌 비디오를 재생하려면 다음 단계를 수행해야합니다.

  • 설정playsinline속성true .

iOS 10 이상에서는 이playsinline속성을 통해 브라이트코브 플레이어가 전체 화면을 강제 실행하지 않고도 재생을 시작할 수 있습니다. 뷰어는 포함된 비디오를 재생할 수 있으며 자동으로 전체 화면으로 전환되지 않습니다. 이것은 iOS의 기본 동작입니다.

뷰어가 비디오 재생을 시작한 다음 전체 화면으로 이동하면 비디오 재생이 중단되지 않습니다.

전체 화면으로 비디오 재생

사용자가 인라인 재생에서 전체 화면 모드로 전환하면 다음 한 가지 예외를 제외하고 Brightcove Player 대신 iOS 기본 플레이어가 사용됩니다.

  • iOS 12에서 실행되는 Safari 12가 설치된 iPad, Brightcove Player가 자동으로 실행됩니다.

기본 플레이어를 사용하면 플레이어가 전체 장치 화면을 활용할 수 있습니다. 분명히 Brightcove Player 컨트롤이 제거되면 일부 기능이 잠재적으로 손실 될 수 있습니다. 전체 화면을 허용하지 않고 iOS 기기에 대해서만 허용하려면 다음 코드를 사용할 수 있습니다.

<script>
  videojs.getPlayer('myPlayerID').ready(function() {
    var myPlayer = this,
		fullScreenElement = document.getElementsByClassName("vjs-fullscreen-control")[0];
	if (videojs.browser.IS_IOS ) {
		fullScreenElement.parentNode.removeChild(fullScreenElement);
	}
  });
</script>

원치 않는 세그먼트 다운로드 중지

iOS가 불필요한 세그먼트를 다운로드하여 과도한 대역폭 사용을 유발할 수 있습니다. 상황에서autoplay활성화되면 세그먼트는preload로 설정됩니다none . 이를 방지하는 유일한 방법은autoplay속성.