To reproduce:
Watch an YouTube video embedded with the iframe API on a tablet
Tap on the video
Instead of toggling play / pause, the tap triggers that behavior:
Is this normal at all?
This has now been fixed by Google.
Related
I have UIWebviews that contains different styled texts, images, youtube videos etc. If UIWebview has Youtube video, it has Picture-In-Picture button as default (I have PiP feature in app for my video gallery with AVPictureInPictureController, means PiP enabled in app).
1) How can I opt-out for PiP for those embedded youtube videos
Another case is my UIWebviews are in UICollectionViewCells, that is in horizontal mode, 1 cell per page, paging enabled, I can't pause the youtube video when change page to another, because I have no variable or something that assigned to that player to control player. This case arises in iPad, because in iPhone when you try to play embedded youtube video it goes for full screen, to change another cell you have to press Done(that pauses video) so video handles itself to stop, but in iPad it plays in UIWebview autmatically, doesn't goes for fullscreen
2) How can I get controll on embedded youtube video in my UIWebview
Found solution for #1:
myWebiew.allowsPictureInPictureMediaPlayback = false
I have a requirement to create custom controls for Youtube player in iOS. I have used UIWebview to play youtube videos. I have hidden default controls by using 'controls':0 flag. I am able to map all the actions like play, pause etc using youtube's java script api with my UIButtons. But, I am not able to figure out how to toggle full screen mode programatically with my custom button.
Any help is appreciated.
I'm developing an iOS iPad app with an embedded YouTube video.
I'm having issues when the user tries to play the video touching the red square play image from YouTube, it seems that pressing that image won't trigger the play action. However, touching anywhere outside the red square play button works.
I've tested it with the iPad user agent with same results.
When embedding with controls:0 it seems that the action triggers perfectly, but I need the default controls.
Is there anyway to keep controls:1 and detect that touch to successfully play the video?
Try playing the video itself when it is loaded. If hitting the big red button is not a compulsion add "event.target.playVideo();" to the onReady function in the embeded HTML body. I have done so and the player in my application shows the big red button and starts the video itself immediately. I have used the following YouTube iFrame library youtube-ios-player-helper
Hello Guys (and girls) I am embedding an IFRAME of a youtube video on a website and it works perfectly on a DESKTOP VERSION.
However, when viewing it with any touch device, the play button DOESN'T trigger playing the video. The strange thing is that when you click outside the play button (on the video) it does play the video. This only occurs on touch devices and I verified and the issue is occurring across all touch devices.
This isn't a site specific issue, so you can try out embedding any Youtube video e.g:
You'll notice it plays when touching everywhere on the video EXCEPT when clicking play. If you have youtube embedded videos you'll probably having this issue as well.
Thanks for your help
I want to be able to use jwplayer so that when the user clicks on the video the video will start to play in fullscreen mode.
I want this functionality to work on mobile devices that support html5.
If the video is played on a mobile device it will take up the whole screen.
Youtube and Vimeo currently do this on mobile devices.
The Link Below uses Html5 video tag, which plays in fullscreen on mobile device when the video is clicked on.
The only way I that I know that jwplayer allows fullscreen is that I manually click on the fullscreen button, but it would be nice to only click on the video to trigger the video to play in full screen.