☰
Navigation :

Plugin API

VideoKen can integrate with Wistia player using the Wistia plugin API which gives more flexibility for your embed. VideoKen plugin can be added along with other native Wistia plugins or 3rd-party plugins. The following code snippet shows how to integrate VideoKen using Wistia Plugin API.

<script src="https://fast.wistia.com/embed/medias/<video-id>.jsonp" async></script>
<script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
<div class="wistia_responsive_wrapper" style="width:900px;height:540px;">
    <div class="wistia_embed wistia_async_<video-id> videoFoam=true" style="height:100%;position:relative;width:100%">
        <div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:100%;">
            <img src="https://fast.wistia.com/embed/medias/<video-id>/swatch"
                style="filter:blur(5px);height:100%;object-fit:contain;width:100%;"
                onload="this.parentNode.style.opacity=1;" 
            />
        </div>
    </div>
</div>

<script>
    window._wq = window._wq || [];
    _wq.push({
        id: '<video-id>',
        options: {
            plugin: {
            "videoken": {
                customOption: true,
                src: "https://content.videoken.com/players/wistia-plugin.js"
                }
            }
        }
    });
</script>

Find a sample integration running below.