
		function init() {
			if( !document.createElement('video').canPlayType ) return;
			var videos = document.querySelectorAll( 'div.video' ),
				videosLength = videos.length;
			for( var i=0; i < videosLength; i++ ) {
				var root = videos[i];
					video = root.querySelector( 'video' ),
					play = document.createElement( 'button' ),
					mute = document.createElement( 'button' );
				video.controls = false;
				// Initial class name
				play.className = 'video-button video-play';
				play.innerHTML = play.title = 'Play';
				play.onclick = function() {
					if( video.paused ) {
						video.play();
						// Additional class names for container and button while playing
						root.className += ' video-on';
						play.className += ' video-play-on';
						play.innerHTML = play.title = 'Pause';
					} else {
						video.pause();
						// Remove additional class names for container and button in paused state
						root.className = root.className.replace( ' video-on', '' );
						play.className = play.className.replace( ' video-play-on', '' );
						play.innerHTML = play.title = 'Play';
					}
				}
				// Initial class name
				mute.className = 'video-button video-mute';
				mute.innerHTML = mute.title = 'Mute';
				mute.onclick = function() {
					if( video.muted ) {
						video.muted = false;
						// Remove additional class name in unmuted state
						mute.className = mute.className.replace( ' video-mute-on', '' );
						mute.innerHTML = mute.title = 'Mute';
					} else {
						video.muted = true;
						// Additional class name for button in muted state
						mute.className += ' video-mute-on';
						mute.innerHTML = mute.title = 'Unmute';
					}
				}
				root.appendChild( play );
				root.appendChild( mute );
			}
		}
		window.onload = init;

