iOS と Brightcove Player

In this topic, you will learn details of the use of Brightcove Player on iOS 10 and later. To see the Webkit (a web browser engine) standards for videos and iOS, reference the organizations < 新しいビデオ> 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
	class="video-js"
	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
	webkitallowfullscreen
	mozallowfullscreen></iframe>

自動再生の詳細については、「自動再生に関する考慮事項」を参照してください。

全画面表示以外の動画を再生する

ビデオをフルスクリーンで再生するには、次の手順を実行する必要があります。

playsinlineアトリビュートをに設定しますtrue。

iOS 10 以降では、playsinlineこの属性により、ブライトコーブ Player が全画面表示なしで再生を開始できます。視聴者は埋め込み動画を再生できますが、自動的に全画面表示には表示されません。これは iOS のデフォルトの動作です。

視聴者がビデオの再生を開始してから全画面表示になっても、ビデオの再生は中断されません。

ビデオをフルスクリーンで再生する

ユーザがインライン再生からフルスクリーンモードに切り替えると、Brightcove Player の代わりに iOS ネイティブプレーヤーが使用されます。ただし、次の 1 つの例外があります。

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属性。