Sometimes the HTML video on the topmost portion of my site doesn't run even though after it has been completely downloaded. I am using Safari 5.0.6 on iMac. On other browsers as well, sometimes it works fine and at times, it only starts working when I refresh the page.
Can you guess what may be causing this ?, or how I could try fixing this ?
Got the same issue in chrome, autoplay can be emulated by the next way (using jQuery's selector):
<video ..... oncanplay="$(this)[0].play()" >...</video>
Well, I opened your site on my browsers. It's working just fine on Chrome 15 and Firefox 7 [Windows7]. May be you should try it on newer browsers.
Related
When adding an audio element to a website in earlier Firefox versions you could set the width of the audio element like this:
<audio controls style="width: 500px">
<source src="x.mp3" type="audio/mpeg">
</audio>
However now this is not possible any longer. No matter if I set 500px or 600px the player always has the same width. This was not a problem in earlier Firefox versions.
Is there something I did wrong or is it a Firefox bug?
In Chrome for example everything works.
It's a bug with the new firefox, i just tried out on version 55 it worked and then I upgraded to version 56 and now it doesn't, u may have to wait for them to fix the bug for the time being, or u can send them a bug issue.
If any update I'll edit my reply but for now you can consider sticking with other browsers.
Edit: I have just sent them a bug report. should be fixed anytime now, be sure to check and update your ff browser.
It appears that it will be fixed in FF57 - it's not showing up in the betas, so whatever was broken, it's already been hunted down and corrected.
Here's the bug report I posted (couldn't find another one): https://bugzilla.mozilla.org/show_bug.cgi?id=1409552
I converted a video to webm through Any Video Converter and it plays fine in Firefox. However, in Chrome it constantly resizes itself during playback and I'm not sure why.
I previously used Miro converter, but that video wouldn't play in Firefox at all for some reason. It would jump instantly to the end of the video when I pressed play. When using my custom settings, it did the weird resizing thing in Chrome, but when I exported it again using the default settings, it played normally in Chrome, but still nothing in Firefox, so I switched to using Any Video Converter and now the resizing issue is back. I didn't change anything in the settings.
Here's the link:
http://kimkellermedia.com/videoTest.html
I'm using the latest versions of both Firefox and Chrome by the way.
I never quite figured out what was causing the rapid size change during playback, but this link recommended some converters I haven't tried yet. http://www.my-html-codes.com/html5-video-converters
I used Free WebM Encoder http://webmsoft.com/free-webm-encoder.html and everything works fine now on all browsers. So, if anyone else has seen this weird issue, use this converter I guess.
It would still be nice to know what caused everything in the first place, just in case it happens again, but at least everything is fine now! By the way, I've taken down the videoTest link I provided in the original question since I don't need it anymore.
An odd thing with firefox. This video will only play when it's seeked from ~6 seconds onwards
http://www.wealthplanning.tv/media/videos/introduction.webm
html link here too http://wealthplanning.tv/media/videos/test.html
Works fine in Chrome, and even opera when inside the video tags.
Anyone have any ideas?
Seems that it was an encoding issue. Was using Miro originally, but tried it with XMedia Recode instead and that solved it.
I have an <audio> element in a webpage. I'm happy to use the native browser controls, which are fine in Firefox, Safari, and Chrome for the Mac.
However, Chrome (12.0.742.122 on Windows 7) is displaying the native audio player without any background:
For comparison's sake, here's how it looks on Chrome (14.0.835.0) on OSX:
I realise my Mac's a couple of versions forward (it's on the dev channel) but this seems like a surprising issue. Any idea how to fix it?
Alternatively, can anyone recommend a completely painless player (with flash fallback) that I can drop it to style them all the same?
If you wrapped it in a div with a medium-gray background, wouldn't it work around the problem in Chrome 12 and still look the same in Chrome 14?
This is a known bug: http://code.google.com/p/chromium/issues/detail?id=82170
Trying to get html5 videos working and running into a color problem.
(For those interested, there's also this problem)
Chrome renders videos slightly differently than other browser.
On safari & firefox the background is nice and white. On chrome it's a washed off beige.
See compared screenshots:
It doesn't matter which codec is used - Chrome reads m4v, ogg and webm fine - but they all render washed off..
Can't seem to be able to correct this.
Any idea?
Ok, that's interesting.. seems to only happens on the latest dev version (10.0.648.6).
If I switch back to the current mainstream version (8.0.552.237) all the problems go away (including the cross-referenced question problem)