In Firefox 53 on macOS, a simple video autoplay attribute isn't working. No problem in any other browser, on macOS or Windows 10. The page code couldn't be simpler:
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>Video Autoplay</title>
</head>
<body>
<h1>HTML5 Video<br>This should autoplay in all browsers</h1>
<video src='../media/wildlife.mp4' width='640' height='360' controls poster='../media/wildlife.jpg' autoplay></video>
</body>
</html>
Anyone have any idea what the issue is? To be clear, I'm not talking about iOS or Android - this is a laptop/desktop issue only.
It seems that I had done some tinkering in about:config, which disabled the video autoplay. A "refresh" of Firefox cured the problem.
User error. ;)
Related
How do I open an MP4 file when I don't have a dedicated application? Can I do it with computer code? Is there another way with applications already on Windows?
Yes, there are a few different ways to do it, including writing some HTML5. I have prepared a bit of code which does the job:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MPlayer Online Media Player</title>
<meta name="description" content="MPlayer Online Media Player">
<meta name="author" content="Peter David Carter">
</head>
<body>
<video width="640" height="480" controls>
<source src="pre-baptism.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
and uploaded it here: MPlayer Media Player
as well as a high-res version here: MPlayer Media Player Hi-Res
to demonstrate, though it may depend what codecs your browser/OS has installed whether you are able to play the video.
Failing that, there are pre-written code solutions in place on Google Drive which do a similar thing. I have uploaded the video there for reference as the Google implementation seems to work reliably across a wider range of systems, regardless of MIME type etc.
Google Video Player
My website is broken in IE11. We found that it’s broken due to XSLTProcessor and XPathEvaluator since they are not supported any more in IE. I did some R&D and found that it’s also not supported in IE9 and IE10 but my website is working fine in IE9 and IE10. May I know why it is broken in IE11?
In below screenshot, we can see that document mode is Quirks. Don’t we have same behavior for IE11?
EDIT
We also have meta tag in our master page and it was working fine until IE10 but it’s broken in IE11.
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Do we have to use different meta tags for IE11?
I changed meta tag to <meta http-equiv="X-UA-Compatible" content="IE=5" /> and it started working fine.
In the head I have:
<meta http-equiv="X-UA-Compatible" content="chrome=IE7">
<!--[if IE 7]>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script>
<script type="text/javascript">
window.attachEvent("onload", function(){ CFInstall.check({ mode: "overlay", destination: "http://www.websitename.com" }); });
</script>
<![endif]-->
When the site loads, if you don't have Chrome Frame installed it does prompt you to install it. You can then install Chrome Frame but when it is done installing, the site still does not display. I can see the difference in other sites that use Chrome Frame before and after I have installed it so I know that Chrome Frame is actually installing and working. I do get a message saying
An error has occurred in this dialog
Error:153
Unspecified error
Any thoughts would be very helpful and appreciated
I'm using Win XP, service pack 3. I have an M4V video that I'm trying to embed in a web page using the HTML 5 video player found here -- http://videojs.com/. When I view this page through Apache 2.2, the video plays fine on Chrome and IE 7, but not on Firefox (just a black square without video controls) ...
<!DOCTYPE HTML>
<html>
<head>
<link href="css/video-js.css" rel="stylesheet" />
<script src="js/video.js"></script>
</head>
<body>
<video id="my_video_1" class="video-js vjs-default-skin" controls
preload="auto" width="960" height="540" poster="css/video-js.png"
data-setup="{}">
<source src="videos/unpacking_w_students.m4v" type='video/m4v'>
</video>
</body>
</html>
Any ideas what may be going wrong? If there were some additional things I could add to the web page to help Firefox play it, that would be ideal, but if there is some other setting to adjust, that would be great to know as well.
Video.js should fall back to Flash when only using an mp4/m4v in Firefox, just like it does in IE7. Might be a dumb question, but do you have Flash installed in Firefox?
Otherwise, is it throwing any errors in the JavaScript console, or is there a live page we can look at?
You're only sending H.264 data.
Firefox doesn't have a patent license to ship an H.264 decoder, so it does not support that video format. It does support Theora and VP8.
I'm inserting an <audio> tag into a page. This works fine in Chrome and Safari on Mac, but on both Chrome and Safari in Windows the tag is inserted but the audio never plays. I've stripped the code down to the minimum, and it's now ridiculously simple. I just have no idea why Windows is being difficult.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
test
</title>
<script type="application/x-javascript" src="js/jquery-1.4.2.min.js" charset="utf-8"></script>
</head>
<body>
<script type="application/x-javascript">
$('body').html('<audio src="./audio/myfile.mp3" autoplay></audio>');
</script>
</body>
</html>
Interestingly, if I remove all JS and just insert the <audio> tag into the <body>, Chrome Win works but Safari Win still doesn't. Kind of a secondary question, but does Safari Win require QuickTime (not currently installed) in order to use the <audio> tag?
does Safari Win require QuickTime (not currently installed) in order to use the tag
Yes it does.