Mediaelements: Add a share button to video elements using jQuery
Here is a quick tutorial in how to add a share button to video elements using jQuery and Mediaelements.js. HTML5 Video tag First, here is an example as how the video html5 tags should look like. The tag show the minimum attributes required, additional attributes still can be added. Notice the data-url attribute, the attributes […]
Enter fullscreen mode using javascript
One thing that we had not been able to do before with JavaScript is to allow the user to enter full screen mode with the click of a button, just using JavaScript. That has changed with some of the newer browsers. We had a request a few weeks ago, where the user wanted to display […]
HTML5: Set X-UA-Compatible rendering mode validating the document
A feature added to Internet Explorer 8 (IE8 ), is the ability to change the browser rendering mode by adding a meta tag <meta http-equiv=”X-UA-Compatible” content=”edge” /> inside the document header tag. This is a great feature that allows you to display websites properly, but there is one small problem, adding the tag will break the W3C validation of the website. […]
Mobile javascript events compared to their desktop counterparts
If you are working on a mobile HTML5 website / app you probably want to know what are the javascript events you can use based on the user interaction. Well, here is a list (cheatsheet); bellow is a table comparing the mobile javascript events with their desktop counterparts. The “composed” column shows similar mobile events […]
