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>
Related
How to play local audio file (c:\classical\chopin.wav - no file selection) in Google Chrome using HTML5 coding?
I'm not on a Windows machine right now. But you should try
<audio src="file:///C:/classical/chopin.wav" controls ></audio>
Of course, this only works, if the webpage is viewed locally on your machine.
Keep your audio file in html folder and this code will work.
<audio controls>
<source src="chopin.wav" type="audio/wav">
Your browser does not support the audio 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>
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.
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.