mp4 video not playing - html

Trying to access my video (mp4, h.264, AAC ) with browsers like:
www.mysitesample.com/video.mp4.
It is displayed well in Safari and Opera (OSX) but on Firefox I have "file is corrupt " error. On Chrome player is being loaded but cannot press play.
The file seems to be fine, I can open it in also on my computer.
Also have other video which works in every browser (mp4, h.264, aac).
These 2 videos seem to be in the same format and codecs so im not sure why one is not working in Firefox and Chrome ? what can cause this problem?

Related

MP4 HTML Video Embed Won't Work In Safari on iOS

Having such a strange issue, i have an mp4 embedded using html video element. It's linking directly to the mp4 file like so:
<video controls playsinline preload="metadata">
<source type="video/mp4" src="https://example.com/video.mp4#t=0.001">
</video>
It does sort of seem to happen sometimes and not others, but right now all I get on my iPhone iOS 14.6 and simulator iOS 15 is a video saying it's 0 seconds long. The same video plays fine in chrome, and it even plays fine in safari on my iMac, it's just the iPhone. This particular video is converted from WebM to mp4 with FFmpeg if that makes a difference somehow.
Also just as a side note, and another question: I want to show a preview of the video, but again on iOS using #t=0.001 doesn't actually work, it just shows a white frame, I'm assuming Apple changed things again and wondered if anyone has a new solution? - This happens obviously only when the video tag actually works.
It looks like there is something wrong with byte requests in safari on the iphone. Screenshot ...
screenshot of errors in mobile safari
UPDATE
I thought i had solved it by streaming the video with php, but it's not. This is a really intermittent issue. It seems to be find with short 10 second videos, but when they get anything like 30 seconds or above it starts to not stream it; but the video is fine, i can download the file and play it on my computer.
I am seeing this in the debug console in safari for the iphone:
Failed to load resource: Plug-in handled load
What does this mean? It's driving me insane, all works fine in every other browser just not on iphone (not even chrome on the iphone works) so this must be something to do with iOS

.webm video file isn't working in Firefox

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

Embedded mp4 not playing in Chrome or Firefox, just Safari

I want to embed an mp4 in my Rails 4 app.
=video_tag "movie.mp4", controls: true
This works in Safari. However, in Chrome, the play button is grayed out. In Firefox, which I never use and may not have the requisite plugin installed, it says "Video format or MIME type is not supported" in the video player box.
The video is about 100mb and was created with iMovie.
Shouldn't mp4s play in the latest Chrome and FF? Is this a problem with the way I created the mp4 in iMovie?
Edit: added image of network console:
Edit 2: If I navigate to /assets/movie.mp4, the movie still doesn't play, and this is what I get in the network console:

Cross-compatibility video formats in IE, Firefox, Chrome, Safari and Opera, Nginx server

I'm using video.js plugin to play Mp4 and flv in browers in the html5 video tag. My study found that the formatting of the video matters and my video formats are not the issue now. Although flv and mp4's play in IE, safari, firefox, chrome in the development server (Flask) locally, the remote server in nginx shows problem playing flv in safari and mp4 in IE. Any suggestions?

.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