Leo Hui leohxj

Libraries

jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
AngularJS - Conventions based MVC framework for HTML5 apps.
Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
lawnchair - Key/value store adapter for indexdb, localStorage

	var isTouch = 'ontouchstart' in document.documentElement;
	var interaction = {
	tap: isTouch ? "touchend" : "click",
	down: isTouch ? "touchstart" : "mousedown",
	move: isTouch ? "touchmove" : "mousemove",
	stop: isTouch ? "touchend touchcancel" : "mouseup",
	hover: isTouch ? "touchstart" : "mouseover"
	};

	var isBufferTimeInterval = false,
	bufferTimeout,
	newTime = 0,
	oldTime = 0,
	bufferRange,
	isEnded,
	isBufferEnded,
	isPlaying = false;

	var isAnimateIn = false,

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HTML5 MediaElement</title>
	<link rel="stylesheet" href="style/normalize.css">
	<link rel="stylesheet" href="style/style-youtube.css">
	</head>
	<body>
	<div class="video-wrapper">

	/* insert jQuery in Developer Tools */
	var jq = document.createElement('script');
	jq.src = "https://code.jquery.com/jquery-1.10.1.min.js";
	document.getElementsByTagName('head')[0].appendChild(jq);
	jQuery.noConflict();



	/* insert ajax or local jQuery */
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

	function addListener(element, type, callback) {
	if (element.addEventListener) element.addEventListener(type, callback);
	else if (element.attachEvent) element.attachEvent('on' + type, callback);
	}

	function getAndroidVersion() {
	var androidVersion = -1; // def value, for non-Android devices
	var ua = navigator.userAgent.toLowerCase();
	var androidIndex = ua.indexOf('android');

	if(androidIndex != -1) {
	var versionStartIndex = androidIndex + 8;
	var versionEndIndex = ua.indexOf(';', versionStartIndex);

	androidVersion = parseFloat(ua.slice(versionStartIndex, versionEndIndex));