带导航菜单的 360 度全景视频

Question

我希望建立一个具有全屏 360 度视频的微型网站。我一直在做一些研究，但似乎找不到答案。是否可以使用 JWPlayer、Bitmovin 或其他带有静态导航元素的 HTML5 播放器制作全屏 360 视频？我认为通过更改顶部元素的 z 索引是可行的，但无法验证这一点。谢谢。

Answer 1

Bitmovin Player 确实通过播放器 API（您自己的通过 JavaScript 控制播放器的控件）或修改 player Skin（在 Bitmovin-Player v7 中可用）支持此用例。

假设您想在视频上覆盖一个播放按钮，您只需定义一个元素，然后在播放器实例上调用.play()。

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

然后可以使用 CSS 轻松为按钮设置外观并放置在播放器上方。

虽然不支持通过 API 或控件更改视口。这些由视频元素（或设备陀螺仪）上的触摸控件处理。