phaser game freezes in iphone - iphone

I am developing a game using phaser js. This game has a tutorial video at the beginning which starts playing automatically when I launch a level. The video plays in iphone's native video player. While the video is playing, if I click the "Done" button that is seen on the top left corner of the video player, the video stops (which is fine) but unfortunately the background tutorial screen is frozen.
I am new to phaser and I don't know how to handle this issue. Would appreciate it if someone could guide me to resolve this issue?
I am pasting a sample link below.
https://phaser.io/examples/v2/video/change-source
This has videos that play as soon as the page is loaded. If you stop the video by tapping the Done button, you will notice that the background will be frozen.

Need to add event listener
tutorialVideo.video.addEventListener('webkitendfullscreen', (() => {
this.game.cache.removeVideo("tutorialVideo");
}), true);
Try it This Will Work

Related

Flutter Video Player appears on second time webpage loads and overlay buttons not functional

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.

No back button for Handheld.PlayFullScreenMovie method

I am trying play a fullscreen video in my app (iOS&Android). When users press on video I use the
Handheld.PlayFullScreenMovie method and it displays the videos perfectly. BUT, there is no back button in the player. The only way to exit player and switch back to the scene is to wait untill the video ends. How can I fix this problem? It is so obvious that users may need the back button and idk why Unity does not added it

Tips on using webview to play an embedded Flash movie

I've tried (without success) to get a video to play within a webview. I can see the video thumbnail with the default play button overlaying the video.
When I click the play button - the entire video hi-lights in transparent yellowish/orange. Clicking play again causes the Play button to blink. The thumbnail always remains, but never plays. I can even see the timeline below the video with the play-head, etc. I can never touch the video controls, because every click treats the entire video like one big button - and hi-lights like mentioned above.
They are numerous videos to be played and they are not at YouTube, so launching the YT player with an intent isn't desired.
I'm using SDK 8 (2.2), runing on a 2.3.6 device, and Have the latest Flash Player 11.xxxxx installed.
Any suggestions?
Took another approach in the app.

Adding a YouTube video to my application

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.

Close of video player in iphone

Am using html5 to play video on iphone. Is there is way to know when video player is close because i want to call function after clicking on done button. I can't use 'ended' this event occurs only after completion of video. I appreciate your suggesions.