html5 <audio> tag don't work in IE11 - html

Why doesn't my audio tag play in Internet Explorer 11?
It works just fine in Google Chrome.
Here is my HTML:
<audio autoplay src="fail.mp3" type="audio/mpeg"></audio>

According to html5test for IE 11 the audio element should be fully supported, though the Web Audio API is not, which might be the problem in your case.

Related

Audio AutoPlay on HTML Website not working

I tried to make a fan-website for a artist so I wanted to have start page music which automatically plays. But, when I open the start page, my audio file doesn't play.
This is my code:
<audio controls autoplay loop>
<source src="https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3" type="audio/mpeg" />
<p>If you can read this, your browser does not support the audio element.</p>
</audio>
What I need to do to make this start playing automatically?
autoplay is a html standard. It's up to then browser to support it or not. I suspect you used Chrome, like so many others, and were surprised it didn't work.
https://www.w3schools.com/tags/att_audio_autoplay.asp
If you test this code, like I did, in Firefox 63, it will work fine.
Google decided to break the web standard in May 2018:
https://bugs.chromium.org/p/chromium/issues/detail?id=840866#c103
As of 2020, browser defaults mean this won't work in Firefox (all platforms) and Chrome (Android included, but not Mac it seems).
it depends on your browser's [here Firefox]
Autoplay preferences (blocked or not) in
about:preferences#privacy

HTML5 Background Video does not autoplay in Microsoft Edge Browser

I have an autoplay background video that doesn't play when the page loads in Microsoft Edge. The poster is loaded instead. As soon as you click refresh it then starts playing.
The autoplay works in Chrome, Firefox and Safari.
The url is: www.obel-logistik.com
I have un-minified the source for this question.
Any ideas?
Fixed in later versions of Microsoft Edge browser.

Playing sound effect in IE6 html

The below coding is how I play a sound effect on my website in Firefox, Chrome and IE9:
<body>
<audio id="audio1">
<source src="audio.wav" type="audio/wav">
<source src="audio.mp3" type="audio/mpeg">
audio tag not supported.
</audio>
</body>
But when I test on IE6, 'audio tag not support' showed.
What I want is for my website to play the sound on IE6 and IE9. How do we embedded a sound effect in IE6?
Here is how I play sound on my site. Check it out - http://code.google.com/p/jbeep/
Play wav sounds (or beeps) in javascript, supports all web browsers.
Tested in: IE6, IE9, Firefox and Opera. Works perfectly. No plugins
required.
ie6 doesn't support audio element. you can turn that on using html5 shiv. but your best bet maybe to just use html5media lib. you can find this here: http://html5media.info/

Video don't play in Firefox (but play in Chrome)

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.

video tag not working in safari

I am trying to play a video in safari 5 but its just showing me a blue question mark button, no video place holder no video controls (like in chrome)
<video poster='your_pic.jpg' controls="">
<source width='480' height='360' src='/videos/my file to play.m4v' />
</video>
For safari to play videos on windows you have to install apple quick time.
http://www.agilepman.com/2010/09/how-to-make-html5-video-tag-work-in-safari-on-windows/
I'm not familiar with the syntax you have used, i.e. a source tag within the video tag. I would expect a video reference to look more like this:
<video controls="true" poster="some-image.png" src="some-video.mp4"></video>
Does the video work as expected in Chrome? Looking at the controls that do get rendered, the difference between Chrome and Safari seems to be down to embedded Quicktime (i.e. Safari uses it if it can, Chrome does not).
One other thing: if the file just doesn't play anywhere, bear in mind that .m4v files are often MPEG4 files with Apple's Fairplay DRM applied to them (although they don't have to be).