Play / Pause Button for Wistia

[Michael Smith]

I would like to make a custom play / pause button like the one featured here, but with Wistia:

https://css-tricks.com/play-button-youtube-and-vimeo-api/

However, I am not a developer. I would be more then happy to compensate someone for their time.
Thank you,
– Mike

[dhruvang]

Replace <VIDEO> with your wistia Video ID

This will works

<a href="//fast.wistia.com/assets/external/E-v1.js">//fast.wistia.com/assets/external/E-v1.js</a>
&lt;div class=&quot;wistia_embed wistia_async_<VIDEO>" style="width:640px;height:360px;"&gt;</div>
<button id="play">Play</button>
<button id="pause">Pause</button>

    window._wq = window._wq || [];
    _wq.push({
        id: "<VIDEO>", onReady: function (video) {
            console.log("I got a handle to the video!", video);
        }
    });
    $("#play").click(function () {
        _wq.push({
            id: "<VIDEO>", onReady: function (video) {
                video.play();
            }
        });
    })
    $("#pause").click(function () {
        _wq.push({
            id: "<VIDEO>", onReady: function (video) {
                video.pause();
            }
        });
    })

[Author]

Posts