There are ways to do it, one is to use JWPlayer and OVA plugin, or the other way is to write your own javascript to control the playback.

In the following demo, shows how you can put ad video in the first source tag, and put actual video in second source tag.

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <video id="myvideo" controls>
            <source src="small.mp4" type="video/mp4"/>
            <source src="chrome_japan.mp4" type="video/mp4"/>
    </video>
    <script type="text/javascript">
            "use strict";
            var video = $('#myvideo')[0];
            $(video).bind("ended", function(e){
                var source = $('source',this);
                $(source[0]).attr('src', $(source[1]).attr('src'));
                video.load();
                video.play();
                $(video).unbind("ended");
            });
            video.play();
    </script>

History tells us, we as human, will repeat history, for example,  have a look at my previous blog about HTML 5 Form Elements Demo Firefox already doesn’t support some of the elements. Another example, location detection, Firefox provides more user options than other browsers(eg. Chrome) which makes implementation extremely difficult.

Due to fragmentation like this, we are forced to skip this location feature in our next software release, hopefully we can come up a better approach before the next release.

<input type="text" placeholder="This is a place holder" size="30"/>

Email Type

<input type="email" size="50" placeholder="enter invalid email address and hit submit"/>

Required Attribute

<input type="email" size="50" placeholder="hit submit" required/>

Number Type (N/A on firefox)

<input type="number" min="1" max="10" step="1" value="1"/>
<input type="number" min="1" max="10" step="2" value="1"/>

Range Type (N/A on firefox)

<input type="range" min="1" max="10" step="1" value="1"/>