I am embedding a youtube iframe into a mobile slideshow which works fine up until someone clicks on the video, and it opens into it's native fullscreen support. After the video closes from fullscreen support, it leaves a some video elements inside the iframe which allows to resume the video, but blocks all other click events within the space of that iframe, meaning any elements that are z-indexed above that iframe are unclickable, and at the same time, none of my click events bubble up. Lastly, there's no way to access the DOM within that iframe since it's from a different origin.
Does anyone know of a way to access/disable this black void of a trap, whether it's some callback that is being called when it returns from fullscreen, or something else.
Image 2 is where the problem occurs
Related
Link: Website
Problem: The video on the front page below the video banner does not render until you navigate away from the page and return back. When the video finally appears and plays, the play button does not work. Is there a way to have the video appear on first appearance and have the overlay work as expected.
I am using the latest video_player widget to play the video. Other videos I have implemented work just fine.
When I debug my flutter web application, the application pauses at videoController.play() inside initState(). I continue execution to see if there is was an exception, but nothing new shows in debug console.
One solution I found to work is by setting the volume to 0 then starting the video.
This allows the video to play, but the overlay still not functioning as expected, so I just removed it. For now it works, but still wondering on how the overlay can be implemented.
We have a embedded background movie on giardinohotelgroup.ch (if you click on a small movie, the whole movie starts)
On desktop everything works as expected (the topbar is overlapping the movie and the links are still clickable)
The problem is, the same functionality doesn't work on iPad/iPhone.
The links are clickable as long the movie didn't started. As soon the user pushs the playbutton the links are not clickable anymore.
Do someone know why? Should not be a z-index issue because the links are not behind the movie.
iOS does not allow interaction with any elements above a video when the native controls are used, which we do in the current version of our player. On the iPhone, when they hit play it will automatically go into full screen and there is no way to prevent that.
I have a mobile minisite that is reached from some iphone/android apps through banners
the site integrates a html <audio> tag that plays some sound after clicking a button
While in some apps everything works great, in a certain app - while the banner is clicked the minisite is opened in a some kind of browser inside the app (screenshot provided below)
the problem is that when the user closes that browser (by click the X button) while the sound is playing - the sound doesn't stop
is there anyway to know when the browser is closed in order to stop the sound manually?
I guess window.onbeforeunload won't work here because if the site was unloaded - the sound would stop anyway
screenshot of the kind of browser I'm talking about:
thank you very much
One possibility would be to setup an event listener for the blur event and just pause the audio then.
I created a uitableview with a uiwebview that loads a webpage that goes directly to the link of a multimedia file, but I don't want it to automatically go fullscreen. Simply load it and then allow the user to play it and then go fullscreen if he wants.
You cant do that using UIWebView, what you can do, is to change the link to an image that contains an play button overlay image (like youtube does) and then when the user clicks on that image, start playing the video.
I am trying to embed a YouTube video in my application, and I am going through this tutorial as a start. I get the red screen when I run it on the stimulator, so I presume everything went well.
Now when the user taps on the screen while the video is playing I need a toolbar to appear, with a slider showing the length of the video (and the user could slide to his/her desired time on the video).
I need to know if this feature comes by default when you embed the YoutTube video, or do i have to code it? If i have to code it how should i do it? Any sample codes or tutorial?
The only way to show a YouTube video in an iOS app is by having it inside a UIWebView (that is what the tutorial walks you through). Once the user taps the "play" button, the video should go full screen and automatically present the standard video controls that you see when you play videos on iOS.
Youtube provides the HTML code for embedding videos in web pages. This HTML code will also produce a video when embedded in a UIWebView. While the video is playing, all of the standard Youtube video controls (Play, Pause, Time Slider) should also show up in the UIWebView.