HTML5-video - autoplay

by bgmort

HTML

<video autobuffer controls autoplay>
  <source id="mp4" src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
</video>
<button onclick="video.playbackRate=1">1x</button>
<button onclick="video.playbackRate=2">2x</button>
<button onclick="alert(video.playbackRate)">alert playbackrate</button>

<audio src="file:

CSS

html {padding: 20px 0; background-color: #efefef;}
body {width: 400px; padding: 40px; margin: 0 auto; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}

video {
    width: 400px; 
    display: block;
}

JavaScript

video = document.querySelector('video')
console.log('default rate', video.defaultPlaybackRate)