.webm video file isn't working in Firefox - html

I'm currently working on building a website that has full page videos as backgrounds. The plan is to make a play button on top of the video that allows the user to watch the full-length piece with sound (embedded from Vimeo). I am running FullPage.js by Alvaro Trigo.
I am converting my video using VLC player from an Apple ProRes .MOV file. I create two web versions, an mp4 (h.264) for safari and a webm (vP8) for Chrome/Firefox.
For some reason I cant get the WebM video file to work in Firefox. It loads just fine in Chrome. When I try to open the file (from the server) it says "Video cannot be played because the file is corrupt".
I set up the MIME files on my server (I use BlueHost) and the content type says it is a video/webm but still no luck. Is this a Firefox issue or am I doing something wrong? Thanks.
video link

Related

How to prevent automatic download of a linked mp3 file

I am making a website using only HTML and CSS. I am trying to link to an online mp3 file (that I do not own) so that the mp3 plays in the browser. This simple code does what I want on Firefox and Safari:
<a href="https://www.allaboutbirds.org/guide/assets/sound/548271.mp3" >
However, instead of playing the mp3, Chrome automatically downloads the mp3 file to my computer. Is there some way I can alter my HTML code (not my browser preferences) to stop this from happening? Thanks.
You can't guarantee that all the browsers will have a built-in in-frame player for the audio file.
The best thing to do in this case is to embed the audio player into a page with the audio element:
<audio src="https://example.com/some-sound.mp3" controls></audio>

.mp4 file won't play in the browser, is some weird codec being used?

I'm trying to investigate why a certain video is not playing properly in the browser, you can see here the video compared with a video that works properly, also you can see that on my desktop (OS X), it shows a preview the second video file but not a preview of the first (implicating to me that there is something going on with a codec)
Codec as per VLC of the first video (doesn't work in browser):
Codec as per VLC of the second video (works fine in browser):
Comparison of the videos on my desktop:
The failing video looks like ts container (VLC showing PIDs) with mp4 extension, so even though the codecs themselves are ok, the container format itself is unsupported.
If true, it needs to be remuxed to genuine mp4 container to make it work.

Embedded webm video freezes in Chrome

I am making a system that I run on localhost, it embeds a video player and all works fine except for webm videos on Chrome. They freeze regularly and I can only get them running again by pressing play/pause and moving to the initial phases of the video.
I have been googling for this issue and trying to solve it for some time now without success, does anybody know how to solve this?
Is your same WebM file working ok on Firefox? I assume you are using HTML5 video.
I have compiled a short check list on how to troubleshoot HTML5 video playback issue here. Try to play the videojs webm sample to see if it works.
Given the description of your issue I guess it is either a non proper WebM file or a server side tuning issue (like with mime types).
If it is a file format issue you could try re-transcoding from a known good source (ie not the problematic WebM file) with firefogg.
You can also try to set the preload attribute of your HTML5 video tag to auto.

.flv player for mobile browser

In my website there is video uploading facility. When User uploads video , My code convert the video format from (mp4,wmv,3gp,avi) to .flv format after compressing video size.
on desktop format, everything is working fine. But on mobile browser I haven't get an good player for playing .flv files in all browsers. Can somebody will help me to find a free .flv player support all mobile browser. I hjave searched on google and doesn't find any thing useful . I have tried with html5 player, but it doesn't work for .flv files. I also tried with object player, which is not running in mobile browser.
Another one thing, downloadig .flv video wll be played in mobile or not?
A mobile device will want to play an MP4 file. It won't know how to play a FLV file (unless the FLV file is really an MP4 file in disguise, which happens sometimes). The solution is for your website to transcode to MP4, not to FLV. If you have a desktop website solution that already plays FLV files, it's probably Flash-based, and it should be able to play MP4 files just as well.

.ogg and .webm video file not playing in firefox 6 through html5 video tag

here below are my codes i used:
The page works fine on Google Chrome, Safari and Opera browser but i cant get the video to play in firefox 6 and IE 9. can anyone please say what is wrong? I thought that .ogg file is compatible with firefox but still the video dont play at all.
here is my site: http://pages.intnet.mu/taoravi
Check the server headers:
It's worth re-emphasizing for the time being, that if the MIME types for Theora video are not set on the server, the video may not show or show a gray box containing an X (if JavaScript is enabled).
from https://developer.mozilla.org/En/HTML/Element/Video#Server_support