iOS と Brightcove Player
ビデオの自動再生
望ましくないセグメントがダウンロードされる可能性の問題ではないことを考えると、ビデオを自動再生することができます。これを実行するには、次の操作を行う必要があります。
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
属性。