html - ナビゲーション メニュー付きの 360 ビデオ

Question

フルスクリーンの 360 ビデオを含むマイクロサイトを構築しようとしています。私はいくつかの研究を行ってきましたが、答えが見つからないようです。JWPlayer、Bitmovin、または別の HTML5 プレーヤーを使用して、静的なナビゲーション要素を上に配置してフルスクリーン 360 ビデオを表示することは可能ですか? 一番上の要素の z インデックスを変更することで実現可能だと思いますが、これを確認できませんでした。ありがとうございました。

Answer 1

Bitmovin Playerは、Player API (JavaScript を介してプレーヤーを制御する独自のコントロール) またはプレーヤー スキン(Bitmovin-Player v7 で利用可能) を変更することによって、このユース ケースをサポートします。

たとえば、再生ボタンを動画の上に重ねて表示したい場合は、要素を定義.play()してからプレーヤー インスタンスを呼び出します。

$('.play-button').click(function () {
  player.play();
});

ボタンは、CSS を使用して簡単にスキニングし、プレーヤーの上に配置できます。

ビューポートの変更は、API またはコントロールではサポートされていません。これらは、Video 要素 (またはデバイス ジャイロ) のタッチ コントロールによって処理されます。