this page http://falsefeatures.com/aBookForPrivateReading/PlayHeavyWater should autoplay as I understand it.
the code looks like this:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/108973626&color=9900EE&auto_play=true&show_artwork=false"></iframe>
the audio does play if button clicked and I can change the button color and show or hide the artwork, as you'd expect. but no autoplay?
I've simplified for debug purposes but I have another page which I'd swear was autoplaying last week just fine. I have tried different browsers, computers, connections: what gives?
~Marqso
your link auto plays fine for me on Chrome.
It won't work on iOS devices though – there's a limitation on Apple's side that prevents media from auto playing in order to save on user's traffic.
This was caused by a regression on our part and was fixed last week.
https://twitter.com/flaneur/status/398439823234846720
Related
For months I've been noticing embedded youtube videos appear white on any other page, now I found out that I can watch those videos by inspecting the page and putting -nocookie at the hostname of the iframe src, i.e. https://www.youtube-nocookie.com/embed/(VIDEO_ID).
I want to know why this happen and how to fix it, my first thought was to make an userscript to change it in every page.
EDIT: It works fine on Edge and Firefox but not on Chrome, even though my settings for cookies are enabled.
SOLUTION: The problem was that my userscript on Tampermonkey extension (which was supposed to affect the youtube page) was affecting every page with an embedded video, from now on I can figure it out what part of the code was doing that but for now it's turned off.
Thanks to #JasonB for the suggestion about extensions.
This -nocookie url came out almost a decade ago when cookies were still often turned off. This codepen shows that the standard youtube embed code works just fine on a simple site.
<iframe width="400" height="300"
src="https://www.youtube.com/embed/9Ht5RZpzPqw" frameborder="0"
gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>
https://codepen.io/anon/pen/baqdGz
Are there any details about your domain or a link to a broken embedded video on your site that might help us better troubleshoot your issue?
The thumbnail worked just fine, I left it open for 5 minutes and then played the video, and that is all functional. Looks like there's one js error related to the codepen setup - not what you're experiencing.
I am using Ionic on android devices, and there is a tag in the HTML page. When I pushed the fullscreen button to make the video presented in fullscreen mode, there is a obvious flicker in the area of the tag on the device.
During the flicker, I can see the wallpaper of the android phone and the icons of the apps on this device. Is this some issue with the native functions? And I also notice that when the keyboard hide/show a similar problem.
As you can see in the picture, when I am switching to the fullscreen, there is clearly a play button of the native player, after a second or so, the video will be playing.
here are some codes.
<div ng-click="play()" ng-show="showPlay" class="tutorial-play-button"><img src="images/welcomeNote/play.png"></img></div>
<video id='video-widget' autoplay='true' autobuffer controls playsinline poster="null" style="width:100%;">
<source src="{{src}}">
</video>
</div>
This issue is not because of your mentioned code in the post. It might be because you have not handled your out activity action/animation correctly. Same thing will happen even when you launch another activity. There might be snippet of code in your project that is altering default behaviour of activity. You should google Activity Transition and you might have your solution.
I hope this helps.
The cause is the Theme I use. I used a transparent theme in my app. I changed the theme to Theme.Light. It is OK.
I have this weird problem and I can't seem to find what is wrong. Let me explain it step by step.
Here is the link to the slideshow that I developed: http://guusebump.com/view/lennie/weddings (PIN 1234). You click on Play and the slideshow will play with some music.
I've also developed a widget version for that slideshow, located at: http://guusebump.com/widget/lennie/weddings, which works fine as well.
Now, the problem is, I'm trying to plug that widget in another website using iframe:
<iframe width="900" height="600" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="http://guusebump.com/widget/lennie/weddings"></iframe>
But the slideshow wouldn't work on Chrome - it just won't work. Link: http://trisle.net/demoguuse/ (scroll down a bit to the widget). I tested the site on Safari and Firefox, it works for those browsers but not on Chrome. Not sure what will happen on your browsers, but I'm sure there's something wrong with the iframe.
What do you think? Any help would be much appreciated :)
-UPDATE-
The screen record of the error is: https://www.dropbox.com/s/j2ujp85y9fxxxz3/error_guuse.mov?dl=0
It sounds like you need to clear your browser cache. I have this problem from time to time with Chrome for some reason.
Steps to clear browser cache:
Press CTRL + SHIFT + DEL KEYS while you are in the Chrome browser.
Make sure the cached image and files option is check marked. It usually is by default.
Press Clear browsing data button and wait for it to complete.
Exit the browser and try reloading your application to see what happens.
This might be the security issue with chrome. I am asking the user to disable that and check.
It is working fine in my machine. I have windows 7 with chrome. It might be some issues with your Mac OS.
It might be security issues.
Please disable the security settings in chrome using the below command and just try
chrome --disable-web-security
Our software allows users to mix various media, including YouTube videos, together in a sequential timeline. We are intermittently seeing errors with loading YouTube videos loading in our player. We use the youtube iframe API. We first manually create the YouTube embed iframe, and then instantiate the YouTube iframe API, passing in the iframe.
When this issue happens, it manifests itself as follows: The YouTube player is a black screen with the loading symbol. It stays in that state for about a minute (sometimes more) and eventually gives the error: "An error occured, please try again later", although sometimes the player just stays black indefinitely. During this minute wait, we have inspected the "Stats for Nerds" panel and see that the video seems to begin a cycle of loading different resolutions. You can see this occur beginning around the 1:00 mark of this video:
https://www.cubby.com/pl/Instant+meeting+2013-12-31.webm/_8cbafbaed7c64d828b260b41cd9db8dc
We see it cycle through such resolutions as:
426 x 240
256 x 144
854 x 480
1280 x 720
When this happens, almost always, the video plays fine after refreshing the page and trying again.We have seen it happen on solid, high speed connections as well as lower speed connections.
Here's the iframe code snagged right from the DOM when the error was occurring:
<iframe id="youtube_iframe" type="text/html" width="100%" height="375" src="https://www.youtube.com/embed/FCuq3IedO9k?allowScriptAccess=always&controls=0&disablekb=1&enablejsapi=1&playsinline=1&iv_load_policy=3&modestbranding=1&start=151&rel=0&vq=large&showinfo=0&wmode=opaque&origin=http%3A%2F%2Fwww.meograph.com" frameborder="0"></iframe>
Any ideas on why this could be happening or ideas on how to prevent it from happening would be very helpful. If you'd like any additional debug information (I have a screenshot of the network panel from a time this happened, for example), just let me know and I'll link it.
Your link is not working -
https://www.youtube.com/embed/FCuq3IedO9k?allowScriptAccess=always&controls=0&disablekb=1&enablejsapi=1&playsinline=1&iv_load_policy=3&modestbranding=1&start=151&rel=0&vq=large&showinfo=0&wmode=opaque&origin=http%3A%2F%2Fwww.meograph.com
Try to use this kind of code
<iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>
I am embedding a youtube/vimeo video onto my site with an iframe.
<iframe src="http://www.youtube.com/embed/{$entity->getYoutubeVideoID()}" ...></iframe>
The {$entity->getYouTubeVideoID()} bit is smarty template code syntax. I don't think that is the problem because the video uploads and plays fine in Chrome and IE9 and up. The video also uploads to firefox and safari fine, meaning I can see the video and it's the right one. But when I click the video it does not play in either firefox or safari.
What is interesting is that the other events are triggered. That is, on mouseover the play buttons on the videos change. On the youtube videos, the button in the middle with the play icon starts out as grey and on mouseover turns to red. So the iframe is registering events. But, it won't play on click. I have no idea where to go from here.
The only other event handlers I have on the iframe is this one but I doubt that is messing it up:
$(window).blur(function(){
if($('iframe').is(':focus')){
mySwipe.slide(mySwipe.getPos(), 1000);
}
});
(mySwipe refers to the swipe.js slideshow library)
I had an issue with playback buttons in firefox also. I was using a html5 Doctype, so I added the following after the youtube url
&html5=1
maybe this might help you.
I simply could not get embedded videos to play inside the swipe.js library (or any other touch enabled jquery library). My solution was to extract thumbnail images from vimeo/youtube APIs and use them as placeholders in the slideshow. Then register a click event on the thumbnail that opened the video in a lightbox.
I know this thread is six years old, but I recently had this problem and all of the solutions on the internet did not work. But I figured it out for my site:
If you have a secure site (HTTPS) and you embed a youtube video with the code posted here,
iframe src="http://www.youtube.com/embed/{$entity->getYoutubeVideoID()}" ...
... Firefox will block it, because that is "Mixed content." HTTP is unsecure, so it is not allowed to show.
Youtube is an HTTPS site, so including that "s" in your URL will allow it to play in Firefox and IE without having to disable security.
Flexslider 2 basically solved it. Swipe.js is wonderful, but with playing youtube/vimeo in a slider Flexslider works better.