Troubleshooting html5video in Chrome (Mac) ...

Joop Vos

unread,

Dec 1, 2011, 7:35:22 AM12/1/11

to html5...@googlegroups.com

Hello,

html5video does work beautifully in Safari (Mac) and Firefox (Mac) … but in Chrome (Mac) the video loads and plays but doesn’t get the same dimensions as it does in Safari and FF … !?

I do have troubles with most of the browsers in Windows XP too … but first things first … ;-)

The code:

Your browser does not support the video tag.

</video>

The site (in progress) > www.marijevijselaar.nl/txp

I’ve done nothing with CSS … so what’s up here … and can it be fixed? The video itself (.mp4) is 1048 × 576px.

Thanks for any help.

Joop Vos

---------------------------------------------------------------

RedFox maakt eenvoudige tot meer complexe websites. Altijd helder en met smaak gemaakt.
En technisch perfect. Neem een kijkje op > http://www.redfoxwebdesign.nl

Joop Vos
Haarsmastraat 19
7983 KL Wapse

tel: 0521 550104
mobiel: 06 16517888
e-mail: redfoxw...@gmail.com

Dave Hall

unread,

Dec 1, 2011, 7:41:55 AM12/1/11

to html5...@googlegroups.com

Interesting. In my version of Chrome (15), it's working just fine.

What version of Chrome are you using?

On 1 Dec 2011, at 12:35, Joop Vos wrote:

Hello,

html5video does work beautifully in Safari (Mac) and Firefox (Mac) … but in Chrome (Mac) the video loads and plays but doesn’t get the same dimensions as it does in Safari and FF … !?

I do have troubles with most of the browsers in Windows XP too … but first things first … ;-)

The code:

<video poster="movies/MarijeVijselaar_Harpiste.jpg" width="450" height="247" controls preload>
<source src="movies/PromoMarije_reeditforexport.mp4"></source>
<source src="movies/PromoMarije_reeditforexport.webm"></source>
<source src="movies/PromoMarije_reeditforexport.theora.ogv"></source>
Your browser does not support the video tag.
</video>

The site (in progress) > www.marijevijselaar.nl/txp

I’ve done nothing with CSS … so what’s up here … and can it be fixed? The video itself (.mp4) is 1048 × 576px.

Thanks for any help.

Joop Vos

---------------------------------------------------------------

<pastedGraphic.tiff>

Joop Vos

unread,

Dec 5, 2011, 3:58:28 AM12/5/11

to html5...@googlegroups.com

Chrome 15.0.874.121 (Mac) ... very interesting indeed!

Dave Hall

unread,

Dec 5, 2011, 5:39:03 AM12/5/11

to html5...@googlegroups.com

I wonder if you've got a funny plugin running. Maybe disable all extensions and try again?

Joop Vos

unread,

Dec 5, 2011, 7:30:04 AM12/5/11

to html5...@googlegroups.com

Nope ... :(

All extensions out ... new Chrome ... new Chrome on the MacBook Pro wife ... dimensions video are not ok. You're on a Mac too? Lion?

Dave Hall

unread,

Dec 5, 2011, 9:11:31 AM12/5/11

to html5...@googlegroups.com

Yup. OSX Lion. Very odd.

Joop Vos

unread,

Dec 6, 2011, 6:35:54 AM12/6/11

to html5...@googlegroups.com

Very odd indeed ...

The audio tag in Chrome on the same site (http://www.marijevijselaar.nl/txp/media) takes the whole width only via css ... !?

And now some browsers in Windows XP:

Video in Firefox is ok ... also audio ... :)

Video in Safari > "Your browser does not support the video tag." ... !? ... audio is ok but does not stretch to a width of 450px ... !?

Video in Chrome is playing but doesn't have the right dimensions ... !? ... audio is ok!

Video in IE7 is playing but doesn't have the right dimensions ... !? ... audio is ok!

Video in IE8 is playing but doesn't have the right dimensions ... !? ... audio is ok!

I can't test in IE9 ...

Thank you Dave for all your support!

Dave Hall

unread,

Dec 6, 2011, 6:37:03 AM12/6/11

to html5...@googlegroups.com

I'm thinking that this has to be an encoding issue. Try running your MP4 through Miro Video Encoder, and see if that helps.

Joop Vos

unread,

Dec 6, 2011, 6:43:00 AM12/6/11

to html5...@googlegroups.com

I did but will do it again ... later on this day because I've to do some shopping ... see you!

Joop Vos

unread,

Dec 6, 2011, 10:45:27 AM12/6/11

to html5...@googlegroups.com

Dave ... it is solved. I converted the original file into a new mp4 and now Chrome (Mac) is scaling beautifully ... :)

I'll yet have to check it on Windows but I'll think it's ok there too!

Thanks for giving me the right feedback!

BTW ... which program on a Mac (Lion) can help me tweak the dimensions of a movie? So that 1023 x 576 pixels will be 1048 x 576 pixels. A kind of cruel resizing of a movie, I know ... but is it possible?

Dave Hall

unread,

Dec 6, 2011, 10:46:51 AM12/6/11

to html5...@googlegroups.com

Glad it's working.

I'm afraid that I'm not much into video production myself, so can't really recommend a program for doing it. I mostly concern myself with getting other people's existing videos to work. :)

Joop Vos

unread,

Dec 6, 2011, 11:08:36 AM12/6/11

to html5...@googlegroups.com

And you did! More people will download your smart piece of work. Because most of the Textpattern community is informed ... ;-)

Joop Vos

unread,

Dec 6, 2011, 2:23:58 PM12/6/11

to html5...@googlegroups.com

All browsers in Windows XP are ok ... except Safari. It still says: 'Your browser does not support the video tag.' ... and that's really odd isn't it!

Dave Hall

unread,

Dec 6, 2011, 2:31:20 PM12/6/11

to html5...@googlegroups.com

What actually is generating that message? It's not html5media.

Joop Vos

unread,

Dec 6, 2011, 5:53:56 PM12/6/11

to html5...@googlegroups.com

It's plain text put into the <video> tag ...

Your browser does not support the video tag.

</video>

And it's odd because Safari 5.1 is very well capable to render the <video> tag ...

Reply all

Reply to author

Forward