I am using Html5 audio tag in my site and referring only mp3 audio format(not ogg), its working fine in firefox browser from a test server but when same code deployed on live site then its not playing the audio in firefox browser.
<audio controls>
<source src="planetarian.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Please help me to find out the root why same code is play from a server but on live its not working.
Firefox 21+ started to support the MP3 files, please check your mime type on server whether MP3 is added there or not.
I got same problem.once I make it mp3 file as 64kbps bit rate,It's working for me.please check your audio bit rate.
Related
I want play a local videos using chrome
Using Press here for the video (file in same folder) chrome play the video unless audio. Why?
Playing audio using below HTML5 code
<audio
controls
src="file.mp3">
Your browser does not support the
<code>audio</code> element.
</audio>
I have an HTML page that contains a MP4 video:
<html>
<body>
<video width="800" height="600" controls>
<source src="/static/xyz.mp4" type="video/mp4">
<p>Your browser does not support the video tag.</p>
</video>
</body>
</html>
When I load the page in Firefox, it doesn't show the play control buttons but shows error message "No video with supported format and MIME type found" (see the screenshot below).
So I use this site to test my browser's ability to play HTML5 mp4 video and it can successfully play the test video on that site. My Firefox version is v36 on CentOS Linux. I also tried using Chrome and it can't play it either. I also tried it on Firefox/Chrome on Windows but failed. I then use the Firefox debugger to look at the debug info and I see the following message:
Media resource http://localhost:5000/static/xyz.mp4 could not be decoded.
All candidate resources failed to load. Media load paused.
I then tried playing the xyz.mp4 video on my local machine using Linux's movie player and it plays fine and it also plays fine in Window's media player. But when I use the above HTML5 <video> tag, it doesn't play for all browsers in both Linux and Windows. I also followed Mozilla's online forum to change the browser settings and clear caches but none of them works. So what caused the problem of this simple HTML5 ?
This is very likely the problem with your video file. mp4 is not really a format, but a container that can hold video in different formats. Firefox supports only H.264 encoded video.
Simply speaking, there are several types of mp4 files and not all of them are supported by browser. To verify this, you can download one of the videos from the quicksmode website and replace your video with it.
Possible solution:
//autoplay muted onloadedmetadata="this.muted = true"
<video id="abc" autoplay muted onloadedmetadata="this.muted = true" >
<source src="https://github.com/mediaelement/mediaelement-files/blob/master/big_buck_bunny.mp4?raw=true" type="video/mp4">
Your browser does not support the video tag.
</video>
Im in the process of making a webpage, and im trying to insert a video. The video player loads fine, and you can press play, but only the audio plays, not the video. (When previewing in chrome)
When viewing in firefox it works properly
My code is as follows...
<video width="600" height="400" controls>
<source src="ds2.mp4" type="video/mp4">
<source src="ds2.ogv" type="video/ogv">
<source src="ds2.webm" type="video/webm">
Your browser does not support the video tag.
</video>
My Doctype is <!Doctype html>
I checked the MIME type, its Video/mp4. however, one of the mime requests is in red and cancelled (When checking with google dev tools networking)
Im using microsoft expression web 4 (incase it is relevant)
If i've neglected any important information please let me know and ill update the post :) Thanks in advance for your help :)
Your problem is with the file encoding. HTML5 supports very few types and, sadly, every browser can play only part of this narrow list.
If you convert your mp4 file to H.264 encoding it will work on chrome and IE9 and above, but apparently due to patent issues, firefox does not support it but will play it if the OS can play it. This is really annoying and still require the use of players in order to play files in not-supported browsers.
I am trying to play video on chrome using video tag (html5) this video is uploaded on wowza media server and its run on only mac in safari, it does'nt play on windows and even on chrome on mac, what can i do for playing video on chrome on windows , my code is
<video controls="controls" width="480" height="320">
<source src="http://184.72.239.149/vod/mp4:GettingStarted.mov/playlist.m3u8" />
</video>
i dont want to use flash to play video.
You'll have to use a different format for other browsers that don't support HLS. I have not seen this work with Wowza and browsers' video tag, but there is an example using JwPlayer - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/single_mp4.html. Note that this does fall back to flash for Firefox and Opera.
I try to add the video tag on a website, but I encounter a problem.
The video is well played in Chrome but not in Firefox even the URL is correct.
<video src="http://127.0.0.1/st_martin/index.php/fre/content/download/89/643/file/test-video.mp4" width="640" height="266" poster="/st_martin/var/ezwebin_site/storage/images/les-partenaires/l-auberge-gourmande/video-1/764-5-fre-FR/Video-1_large.png" controls>
Your browser does not support the <code>video</code> element.
</video>
And enervous thing : when I copy/paste file URL in firefox it plays the video without any problem.
Using embed video player cause a neverending loading animation.
Firefox does not support .mp4 playback. Try conveting the video to .ogg format which is fast becoming a standard format for html 5 applications.