How To: Stream, Play MP3 & Video Files Embedded On Non-HTML5 Websites From Your Mobile Browser

You must have already aware of HTML5. It'a next-generation web technology that provides a standard for playing audio and video files. Advanced mobile browsers such as the built-in browser on your Android/iPhone and third-party apps like Opera Mobile and SkyFire support HTML5.

But here's the problem:

Not all websites are built with HTML5. Which means whenever you play any media files embedded on  non-HTML5 sites, they'll prompt you to download it.

Play, Stream All Music Files, MP3 Saved From Your DropBox

While you can always download the media file on your phone for later streaming (a podcast perhaps), why not play it right away? Doing the latter will not only save you time but also disk space.

Play Audio, Video Files On Non-HTML5 Websites Straight From Your iPhone/Android

You might want to enjoy a podcast before you finally drift off to bed, so here I'm going to share you a simple workaround on how to play MP3 and video files embedded on a website straight from your Android/iPhone browser -- no need to download.

Here's how:

Step 1 On your mobile browser, obtain the direct link of the file. In Opera Mobile we usually do it by opening the link in a new tab, until a download dialog pops up, as seen below (notice the download link):


With the above example, our direct link is: http://pbstatic.s3.amazonaws.com/introduction-to-monetizing-blogs.mp3. Copy it.

Step 2 Using your HTML5 browser (we recommend Opera Mobile), head to W3school Audio TryIt site. For video, point your browser here.

On your mobile browser, you should see something like this:


Step 3 In the <source> tag, replace the src attribute with the direct link of the file. Once you've done that, hit "Edit & Click Me" button.


And voila, you should be able to play the MP3 file directly on your mobile browser — no need to download boatloads of audio/video files!