Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<video controls width="640" height="360" id="video">
    <!-- MP4 must be first for iPad! -->
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"><!-- Safari / iOS, IE9 -->
    <source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm"><!-- Chrome10+, Ffx4+, Opera10.6+ -->
    <source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg"><!-- Firefox3.6+ / Opera 10.5+ -->
    <!-- fallback to Flash: -->
    <object type="application/x-shockwave-flash" data="player.swf" width="640" height="360">
        <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
        <param name="movie" value="player.swf">
        <param name="flashvars" value="autostart=true&amp;controlbar=over&amp;image=poster.jpg&amp;file=http://clips.vorwaerts-gmbh.de/VfE_flash.mp4">
        <!-- fallback image -->
        <img src="poster.jpg" alt="Big Buck Bunny" title="No video playback capabilities, please download the video below" width="640" height="360">
    </object>
</video>
</body>
</html>
 
​
 
(function () {
  var video = document.getElementById('video'),
       previousTime = 0;
​
  video.addEventListener('timeupdate', function (evt) {
    if (!video.seeking) {
        previousTime = Math.max(previousTime, video.currentTime);
    }
  }, false);
​
  video.addEventListener('seeking', function (evt) {
    console.log('seeking', video.currentTime, previousTime);
    if (video.currentTime > previousTime) {
      video.currentTime = previousTime;
      console.log('reset time to ', video.currentTime);
    }
  }, true);
}());
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers