时间戳

首页 > 解决方案 > 交互式 360 视频中的缩放触发效果？

javascript - 交互式 360 视频中的缩放触发效果？

问题描述

我有一个 360 度视频，它与视频中基于时间的弹出问题互动。我想用特定帧触发问题，例如，如果您放大并在放大时到达视频中的特定帧，然后触发一个“隐藏”问题，如果您不这样做，该问题不会出现在视频中。

这可以在javascript中完成吗？做了一些搜索，但找不到任何具体信息。

标签： javascript

解决方案

Zoom 将 html 附加到分配给它的元素内，因此该元素必须能够接受 html。

// Example:
$(document).ready(function(){
  $('a.photo').zoom({url: 'photo-big.jpg'});
});

// Using Colorbox with Zoom
$(document).ready(function(){
  $('a.photo').zoom({
    url: 'photo-big.jpg', 
    callback: function(){
      $(this).colorbox({href: this.src});
    }
  });
});

要将缩放与 img 元素一起使用，

$(document).ready(function(){
  $('img')
    .wrap('<span style="display:inline-block"></span>')
    .css('display', 'block')
    .parent()
    .zoom();
});

推荐阅读