HTML 5 Video Not Working

Posted on 2012-08-20
Last Modified: 2012-08-21
Hello, i migrate from html4 to html5, it also mean i convert my swf/flv to mp4. But i cannot make it works in my local and my testing server:

you can check here:

i googled and found that i must add AddType in .htaccess. I already add :
"AddType video/mp4 .mp4"

in .htaccess

Do i miss something here ?

Question by:veematics
    LVL 17

    Accepted Solution

    Hi veematics,

    unfortunately HTML5 Video isn't really all that great because it isn't implemented the same across browsers and you have to use the specific filetype and encoding for it to work at all.

    Check this out:

    I believe your mp4 needs to be encoded in h.264 for webkit and ogg for firefox.

    also iirc firefox and opera can not play mp3 so I think the audio for the video can't be encoded in that.

    Eventually if all the browsers can implement the same filetypes/encodings then our lives would be much easier. Until then you will probably need multiple copies of the same video in separate filetypes/encodings to get it to work on the majority of browsers.
    LVL 12

    Expert Comment

    by:Mohamed Abowarda
    The best choice for you right now is that you use flash video player for video streaming and use .flv file extension for your videos so that you don't have problems with cross browsers.

    There are many flash players to play FLV files online, you can try:

    Or you can create your own.

    Author Comment

    the reason i move from flash, is the compatibily in Ipad/Iphone and "Upcoming" Android, which not support swf file.

    i found is the right solution for me, since it have fallback feature for desktop.

    Author Comment

    @jrm213jrm213, i thought it would be "easy migration" it turns out it quite lots of task since no 'standard' in video streaming

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
    This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now