JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<h3>Sample Video</h3>
<b>Find more OGV videos at </b>
<a href="http://commons.wikimedia.org/wiki/Commons:Media_of_the_day" target="_blank">
    Wikimedia Commons
</a><br/>
<video
    id="video"
    src="http://upload.wikimedia.org/wikipedia/commons/4/40/AgiSlalom.ogg"
    height="300"
    width="300"
    controls>
</video>
<div id="imagediv" width="100" height="100"></div>

CSS

html{font-family:arial;}

JavaScript

Popcorn('#video')
    .image({
        start: 1, // start at 1 second
        end: 10, // hide at 10 seconds
        src: 'https://www.drumbeat.org/media//images/drumbeat-logo-splash.png', // image
        target: 'imagediv' // put inside page section with this id
    })
    .play();