All posts in HTML

Media element js – A HTML5/Jquery Video Player – Streaming Video Not working issue – A Quick Solution

Scenario

Recently I have worked in an HTML 5 App for Ipad. It was basically video presentation framework. initially the requirement was like a video which we need to play in iPad with all other features of of Video Presentation. It’s exactly like replacing a flash/silverlight application to JQUERY/HTML5. we have done same with MediaElement.js

Issues

But after getting ‘wow ” from client, they were asked us to replace the video with a streaming video. But the url given was not a video link. It’s like youtube video links. It was simply out puts a video player on clicking the link. On close inspection it was observed that it was made by usin of jwpalyer(!!) – another wonderful HTML5/Jquery Video Player . So the its become the much easier for us. Because the video is hard coded (!!!).

Continue reading →

Google Analytics over cross domain or multiple Domains

[img:Google Analytics over cross domain or multiple Domains]

Google Analytics over cross domain or multiple Domains

Google always recommends using separate analytical IDs and script for different domains. That is the best solution as we can track total stats of each domain properly. But sometimes we may face some scenarios where you need to track the stats of all domains.

But the Google Analytics documents have no mention on this. But there are ways to implement this.

The scenario’s where we need cross domain or multiple domains are,

  • We need summarized report on site stats of all domains
  • Business need a boosted or common report
  • Need a common goal analysis for all cross domains.

Continue reading →

How to create background image Ads using pure HTML and CSS? A better, quick and smart way

Now a days “background image Ads” are becoming one of the common revenue making concepts in internet industry. But most of us, still unaware, how can make can we implement it. Technically there are too many ways to do it, including few jQuery solutions. But after experiencing with most of this I realized that HTML/CSS version is better and efficient in many aspects.

Some of the advantages are

  • CSS/HTML version is much quicker and easier.
  • Easy to understand.
  • As we are calling image as background image it won’t hurt the page loading time, even though image size is bigger for low band width users.
  • No script loading delay.

Continue reading →