Wistia javascript api 更改视频源

Question

我无法理解他们的 API。

首先，不确定为什么他们没有坚持使用 iframe 嵌入方法(和 api 外观)来保持一致性，就像 youtube 和 vimeo 多年来一直在做的那样。

所以经过大量的挖掘，我有这个来改变视频源。我仍然不确定这是否是嵌入视频的最佳方法？

当我使用 replaceWith 时，问题是不再听到事件(本例中为“播放”)。

//head
<script src="//fast.wistia.com/assets/external/E-v1.js" async></script>

<script type="text/javascript">
    jQuery(document).ready(function($) {


var video;

window._wq = window._wq || [];
    _wq.push({ 
    id: '479268413a', 
    options: {
        autoPlay:true
    },
    onReady: function(v) {
        video = v;
        video.bind("play", function(){
            console.log("play");
        })
    }
});

$('#btn-next').on('click', function(){
    video.replaceWith(
    '5bbw8l7kl5', {
        autoPlay:true
    });
}); 
});

    </script>

//正文

<div class="wistia_embed wistia_async_479268413a"></div>

Answer 1

我迟到了这个问题，但如果您正在寻找不需要按照 Kiran 的建议加载所有图像的方法，您可以在执行 replaceWith 之后再次推送您的配置>.

const applyConfig = (id) => {
   window._wq = window._wq || [];
    _wq.push({ 
    id,
    options: {
        autoPlay:true
    },
    onReady: function(v) {
        video = v;
        v.bind("play", function(){
            console.log("play");
        })
    }
});

}

$('#btn-next').on('click', function(){
    video.replaceWith(id);
    applyConfig(id);  
});