Flash fallback in HTML5 video tag does not work in Opera

Question

<video controls>
    <source src="video.mp4" type="video/mp4">
    <object>
    ...
    </object>
</video>

This HTML5 video tag with a mp4 video and a Flash fallback works in every single browser all over, except from Opera on PC.

But if I move the "object" out of "video", it will work - so that means Flash is properly installed and working.

Is there a solution to this, or do I have to make some sort of a workaround by checking for browser and then displaying a pure Flash player for Opera?

Answer 1

The Flash fallback only works on old browsers that can't process the <video> element natively - but that doesn't include Opera. Opera tries to play your HTML5 media... and fails.

Your issue is that Opera can't play the mp4 file. Try adding a fallback webm version to support it:

<video controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    <object>
    ...
    </object>
</video>