Here's My Fiddle.
I currently have an animation,where at the end of it,i have a video.
It works fine on chrome,but not on firefox.
My version is 26.0 ,Mozilla firefox.
This is the part where i show the video iframe.
function showIframe() {
$("#container").addClass("hideContainer");
$("#livingRoomBG").append("<iframe id='video' src='https://www.youtube.com/embed/BIz02qY5BRA?autoplay=1' frameborder='1' allowfullscreen=''></iframe>");
$("#livingRoomBG").addClass("showlivingRoomBG");
console.log("ola")
}
Can someone explain why this is happening?
PS:The audio does come though,cuz i have put it on autoplay..
the most likely cause to this is some kind of Firefox addon, have you tried opening it in safe mode?
Related
I'm trying to get video stream from phone camera and display the stream on a video element. This is the gist of the code I have:
...
navigator.mediaDevices.getUserMedia(constraints)
.then((stream)=>{
video.srcObject=stream;
video.volume=0;
video.mute=0;
video.play(); //error here on iOS Safari
...
While this works on all desktop and android browsers, this does not seem to work on iOS, giving me the error on line video.play().
From what I understand so far, this seems to be a safety measure by Safari on mobile to prevent websites from consuming too much of user's data. Meaning, unless specifically initiated by the user, the browser won't allow video.play()
I have tried adding "muted" attribute on the video element itself (besides just autoplay), but that did not seem to fix the issue.
So, I'd like to know if there are any other remedies to the issue here or if I should look for alternative ways to show the video feed. Any help/suggestions are greatly appreciated.
Have you tried adding playsinline to the video element?
https://webkit.org/blog/6784/new-video-policies-for-ios/
I'm having a little trouble with IE11 (and 10 and 9, when simulated through IE11's f12->Emulation menu) in that the controls for HTML5 videos are not working. The video displays, and if autoplay is enabled will even play, but it will not respond to play/pause, seek, fullscreen etc.
The page works fine in the latest chrome, safari, firefox browsers, just not IE.
Anyone able to help me? Link to live site is http://bslhomework.org.uk/christmas
Thanks in advance
http://bslhomework.org.uk/christmas is unreachable (file not found).
http://bslhomework.org.uk/
is redirecting to [http]://127[dot]0[dot]0[dot]1 (bad)
do you still need help?
My site uses the YouTube API to embed a video, and relies on being able to use Javascript to play, pause, and seek through the video.
Currently, the site works in Chrome, Firefox, and IE10. However, I have problems in IE9.
In IE9, the video player correctly plays. However, the player object is somehow corrupted.
When the video is playing, player.getPlayerState() should return 1. When the video is paused, player.getPlayerState() should return 2. This is indeed correct in FF, Chrome, and IE10.
However, in IE9, player.getPlayerState() returns -1 regardless of whether it is playing or stopped. In addition player.playVideo() and player.pauseVideo() do not seem to do anything.
What's interesting is even in IE8, the player.getPlayerState(), player.playVideo(), player.pauseVideo() work fine. It's ONLY in IE9 that the problem exists.
I would appreciate any relevant information or ideas as to where to debug this problem. Thanks in advance!
EDIT: Just to update, I've tested this on a separate (friend's) machine, too.
============================
Here is an external link to the site in question, for visual reference.
http://tabless.net/tabs/50/t/Blink-182-All-The-Small-Things/
To test, just click the play button to toggle play/pause. Or you can use spacebar.
I'm working on an audio player that works in Chrome, but won't load in IE9. When I use this code it says the browser does not support audio.
<script> var supportsAudio1 = !!document.createElement('audio').canPlayType;
alert(supportsAudio1);</script>
However, sites that also use this method of detecting audio capability say audio can play, and the audio on that site does work. Can anyone help me figure out why IE9 is doing this?
Thanks!
Internet Explorer only supports audio in IE9 mode. Make sure you have <!doctype html> at the beginning of your markup and you didn't press the Compatibility View button. javascript:alert(document.documentMode) can tell you which document mode is IE9 rendering the page in.
I'm working on an online roguelike game. It's current version is located here. It's working fine in Chrome 9 and Firefox 3.6, but it makes Firefox 4 beta 7 unresponsive for about a minute on every move and IE9 just says that it doesn't support <canvas> tag.
Could someone please explain these strange behaviours of IE9 and FF4b7?
Thank you very much.
In IE9 hit F12 and you'll see your site is loading in quirks mode which is why it doesn't have canvas. From F12 you can switch it and see that you're site does work if it is in IE9 standards mode.
I think you want to put DOCTYPE html before everything else to avoid this.
http://en.wikipedia.org/wiki/Quirks_mode
I am posting this in case it helps someone else (I found this page when I was googling)
Pages worked fine in Firefox
In IE9 pages were working locally, but not from server. ("getContext not supported etc. etc.")
Had run out of ideas, but noticed that a trial of part of my page containing canvas did work.
Long story short:-
My pages were .htm and so I thought "Is there an HTML5 standard ?" well I'm not sure if there is but when I changed all pages to .html the site behaved as intended in IE9 with all canvas elements working.
Bob