JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<a href="#time1">Link to 1 minutes 10 seconds</a>
<a href="#time2">Link to 3 minutes 4 seconds</a>
<a href="#time3">Link to 5 minutes 10 seconds</a>

<div class="vidbox">
<iframe id="time1" title="YouTube video player width="425" height="344" src="http://www.youtube.com/embed/Eq_uPp82jkY?rel=0&start=70" frameborder="0" allowfullscreen></iframe>
<iframe id="time2" title="YouTube video player width="425" height="344" src="http://www.youtube.com/embed/Eq_uPp82jkY?rel=0&start=184" frameborder="0" allowfullscreen></iframe>
<iframe id="time3" title="YouTube video player width="425" height="344" src="http://www.youtube.com/embed/Eq_uPp82jkY?rel=0&start=310" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.vidbox{width:425px; height:344px; position:relative; overflow:hidden}