HTML5 video and encoding checklist - html

So I did a little searching about the whole issue with HTML5 video tag etc. My client doesnt want the videos to be played through FLASH and general youtube. So he wants a custom video player and we should upload the video files to our server.
I have a problem displaying the video in Google Chrome why is that? http://www.2kfilms.com/jw_test2.html
In the above link you can see that it displays normally in IE. I found out that the best encoding you should have with HTML5 is: H.264 *OGG* and WEBM
So if I have the 3 different formats will it also play in Chrome?
Even this video here: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video
doesnt play in my Google Chrome, and I find it weird. Its black and I can only hear Audio

Related

Flash video working on one of two sites in Chrome

I am developing a pair of websites (podyplomie.pl and magwet.pl).
On both of them we have added a video player (JWPlayer).
I am almost sure flash player on both of them was working in the beginnig but now I can play the video (in flash) only on one of the sites (podyplomie.pl).
The other site is missing flash player in the list of navigator.plugins. Both sites are very similar so it's quite strange that one of them 'contains' the flash player and the second doesn't.
Has anyone got an idea what is wrong ?
The video urls are eg:
Video on magwet.pl
Video on podyplomie.pl
You don't have any Flash video (.FLV). Your videos are in .MP4 format. Chrome browser can play MP4 with it's own decoding engine (no need for plugins like Flash). JW Player is seeing MP4 given as video source so it talks to browser not plugin...
PS: To force Flash plugin usage then provide an .flv file or rtmp:// link.

Html5 mp4 video freezes IE

I have a html5 video on my site and all was working well until client gave me a new video to replace the old one. The new video crashes Internet Explorer (IE10 and IE11 - haven't tried others). When trying to play, a second of video is shown then whole site freezes and a pop-up tells me it's not responding.
No other browser is affected.
Have tried transcoding video in Handbrake to make sure it's using H.264 codec, but still no luck.
All other videos on site work fine in IE.
Has anyone got any suggestions that I can try?
Ps. Sorry, but can't share the video file as it's confidential to the client.
Oops - found out it was not IE but Avast (anti virus) add on that was freezing video.
Disabled Avast and video played as normal.
Still don't know why it only affected one video.

Any Trick to Play HTML5 Video Player + MP4 Video in every browser?

I am building Self Hosted Video tutorial website.
I want to use HTML5 Player But with just one single Video format (mp4). But problem is that in some browsers like opera MP4 format is not supported.
I know for this i have to add multiple formats in html5 video player but having multiple versions (formats) of the same video will occupy multiple times of space in hosting.
Please give Suggestions.
There is no support for html5 before IE 9.i think you should use Video.Js.The Video.js API allows you to control the video through javascript or trigger event listeners, whether the video is playing through HTML5, flash, or another playback technology.
you can download it from here.
http://www.videojs.com/
read the documentation here.
https://github.com/videojs/video.js/blob/v4.2.2/docs/index.md

Converted Video doesn't play on Internet Explorer 9

I'm trying to embed video playback on a website, using HTML5 video tags.
For some example mp4 files I found, the video plays well on both IE9 & Chrome,
but when I use mp4 files converted from avi/mkv files I have - The video plays only on Chrome, while IE9 refuses to play it.
I've tried several video conversion tools:
HandBrake, Miro Video Converter, Freemake Video Converter.
All produced mp4 containing H. 264 video & AAC audio - And all works well on Chrone.
I also tried playing around with IE9 multimedia/security options - but nothing has changed.
Well, I read about IE9 having a bad support for video playback and html5 in general, but still - it's clearly stated that mp4 is supported for all h264 profiles.
As you can understand - I have a priority for this website to work well on IE9 - So I'd appreciate any tips here.
I have the same issue and found out that it's the combination of Miro Video Converter, videojs and IE9:
When I convert with EasyHTML5video and standard settings (you cannot change any setting) everything ik OK and plays is IE9 with videojs.
When I convert with Miro Video Converter and standard settings (you cannot change any setting) IE9 doesn't play and has a VIDEO OBJECT error.
I've compared the 2 outputs and I think it's only the audio that is different. Miro is 2 channel 48Khz and EasyHTML5 1 channel with 16Khz.
I hope to find the right conversion tool, Miro is better quality than EasyHTML5video, but maybe there is the problem.
My suggestion would be using a plugin which utilizes feature detection such as VideoJS
It will provide the necessary fallback to flash if the video will not display correctly on the browser
Follow the instructions on http://videojs.com/ should be straightforward

html5 video sometimes loads and sometimes don't in chrome

I'm having a lot of problems with video html5 and google chrome.
I have this site on two different servers and chrome is showing the transition video aleatory.
http://mitoteweb.com/vivaldo/
I made some files to test the video the simplest way to check this problem and it isn't working.
I tried with mp4 h.264, ogv y webm video format and I'm having the same issues with all of them.
Here's the test files.
http://mitoteweb.com/vivaldo/chrome/prueba1.htm
When I load the page it shows the video but once I click on the second link it doesn't show any video unless I manually reload the page. And even with that, sometimes it doesn't happen.
Sorry, I couldn't include more links because this is my first post.
Thanks in advance.