Opera and HTML5 video

html video cross-browser opera ogg-theora
AntonAL picture AntonAL · Apr 4, 2011 · Viewed 7.5k times · Source

On my website, I have video in mp4 and ogv formats. mp4 plays in webkit browsers. ogv plays in Firefox, but don't want in Opera.

There is a trivial HTML:

<video poster="my_video.jpg" controls="controls">
    <source src="my_video.mov" type="video/mp4" />
    <source src="my_video.ogv" type="video/ogg; codecs='theora, vorbis'" />
</video>

When i open up a page, i see video element with poster, but when i'm clicking play button, nothing happens. I don't see loading progress and everything still as is. But Firefox plays it fine.

In Opera's network inspector, i see following HTTP Header for .ogv video file request:

GET /my_video.ogv HTTP/1.1

User-Agent: Opera/9.80 (Macintosh; Intel Mac OS X 10.6.7; U; ru) Presto/2.7.62 Version/11.01

Accept: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/jpeg, image/gif, image/x-xbitmap, /;q=0.1

"Accept" part is confusing me. Why it accepts these content types for video ?

Any ideas ?

Answer

karlcow picture karlcow · Apr 4, 2011

For Opera, you really only need to have these two mime types added to Apache or any server you would be using. 

AddType video/ogg .ogv
AddType audio/ogg .oga

Is this video working for you? Do you have a link to the video you are trying to play?

Related questions

Video Codec for all major browsers

I am using video/mp4 format and using in 'video js', this is working fine in chrome but having issue with Firefox. Getting following error in console: Specified "type" attribute of "video/mp4" is not supported. Load of media resource # …

Read More
Streaming via RTSP or RTP in HTML5

I'm building a web app that should play back an RTSP/RTP stream from a server http://lscube.org/projects/feng. Does the HTML5 video/audio tag support the rtsp or rtp? If not, what would the easiest solution be? …

Read More
HTML5 Video // Completely Hide Controls

How Could I completely hide HTML5 video controls? <video width="300" height="200" controls="false" autoplay="autoplay"> <source src="video/supercoolvideo.mp4" type="video/mp4" /> </video> false didn't work -- how is this done? Cheers.

Read More