Scraping web content by using YQL
The YQL (Yahoo! Query Language) platform enables you to query, filter, and combine data across the web through a single interface. It exposes a SQL-like…
Category: HTML
HTML XPath examples
Here are some demo HTML: HTML 1: Example 1: raw XPath Example 2: find an element by ID Example 3: child of Element ID or…
PHP: how to use AJAX to upload file
We create a simple example to learn how to use AJAX to upload file. HTML Create simple form with a file input, we use accept…
How to create a download button in Jwplayer
Step 1: First, we need to use a download image: here Step 2: Setup jwplayer HTML: JS: Step 3: add download button Here is the…
Video JS Resolutions: set default resolution
If you use the videojs plugin: Video JS Resolutions at http://vidcaster.github.io/video-js-resolutions/ Here the example code in <head> tag: in <body> tag How to set default…
Videojs: how to display full poster image
To display the poster image, we have three ways: Method 1: Use attribute poster in video tag: Method 2: With javascript use Method 3: put…
Videojs: plugin download with resolution selector
HTML: CSS: JS: Download: videojs-dowload.js videojs-dowload.css Online demo: http://jsfiddle.net/sans_amour/up8vzu4s/4/ The callback function we can leave blank, the download link will same as the play link.…
HTML5 audio Tag: use with javascript
In the previous tutorial, we can know the audio file types which HTML audio tag supports and some attributes of the audio tag. We have…
HTML5 audio Tag: basic usage
With <audio> tag, you can play music or other audio streams. There are 3 supported file types: mp3, wav and ogg. Table 1: browser support…
HTML5 canvas: create animated character with sprite sheets
Today, we learn how to create animated character with sprite sheets, json and javascript. We use the below sprites sheet: Copyright: Mozilla & Github And…