Web Development

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<iframe src="https://player.vimeo.com/video/191602887" width="629" height="356" id="vimeo-player-1" name="vimeo"></iframe>

<style>
iframe{
    display: none;
width:629px;
height:356px;
margin:0 0 10px;
}
</style>

<div id="container"></div>
<div id="iframe-holder">
    <iframe src="" id="frame"></iframe>
</div>
<a style="cursor: pointer; " onclick="insert('0m51s');">[0.51]</a>
<div class="spacer10"></div>
<a style="cursor: pointer; " onclick="insert('1m38s');">[1.38]</a>

<script>
function insert(time) {
    var myFrame = $('#vimeo-player-1');
var url = $(myFrame).attr('src') + '#t=' + time;
holder = document.getElementById('iframe-holder'),
frame = holder.getElementsByTagName('iframe')[0];
    frame.style.display = "block";
frame.src = url;
document.getElementById('container').insertBefore(holder, null);
    $("#vimeo-player-1").hide();
    if(myFrame.location!=url&&url!=location.href)
        myFrame.location.replace(url);
}
</script>