Can't Play iFrame embedded YouTube video on iPad - ios

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

Related

Playsinline for Video URL Requires 2 Clicks from iOS

Playsinline=1 within my video URL requires 2 clicks from my iOS devices to play it. Is there a way to correct this?
Here is my experience with using playsinline=1 from my iPhone using Google Chrome, Safari & DuckDuckGo:
[embedyt] https://www.youtube.com/embed?listType=playlist&list=PLI1Ahx4x_H5fqrB6XB4pkeqyo2qsJnDus&layout=gallery&playsinline=1[/embedyt]
Here is where it starts. I click on the Play Button. Note: As you can see, the Play Button is not red.
‘https://savvyify.com/img/image/CQFB’
After clicking the Play Button, it acts like it wants to play, but then returns to the Play Button, which is red – see next image.
‘https://savvyify.com/img/image/CUJu’
After the two steps above occur, then I have a red Play Button and the video plays inline.
‘https://savvyify.com/img/image/CWrj’
Is there a way to correct this to where the video will play inline on the first click?
I found an answer within the Plug-in I'm using; EmbedPlus Plug-in for YouTube. It had an iOSPlayback feature that automatically includes Playsinline=1 and the videos play from an iOS device on 1st click

Can we avoid the native player in Full screen with Html 5 Player

I am trying to implement a html 5 player inside a Webview in my app. I added the webkit-playsinline tab in video and its now playing inline in iPhone and iPad.
The issue arises is when user hits the fullscreen button, in both the iphone and iPad, it opens up the native player, which I don't want.
Can this be achieved?
I have followed this and thats why I am able to play the video inline however, when the user click on the "Full Screen" the control transfer to the native player which I don't want.
yes, I am using a UIWebView inside my app not safari specific!!

Iframe youtube playbutton not triggering to play video on Touch Devices

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

How to play video from stream link or youtube link on webview android?

I searched for it a lot but don't have a reasonable answer.How to play video from stream link or youtube link on webview android.i used tag video or iframe but occur some bugs:
-when click full screen video 'll stop and can't play again.
-when click back button for finish fragment,that contain webview,video still playing
Please see the "HTML5 Video support" section at http://developer.android.com/reference/android/webkit/WebView.html for some methods that you must implement.
When the video continues playing after finishing the fragment, are you destroying the WebView?

Youtube in iframe on a modal is not working in iOS Safari after the modal is hidden then re-opened

I have a web app that is using Youtube videos embedded via iframes into a modal dialog window. In Safari on the iPad 3, iOS 5.1, the video plays properly the first time it's loaded. However, if the modal is hidden and then re-opened, the video will no longer be able to play. The player will display, but it's simply a black space with no controls. The YouTube watermark still appears, and can be clicked on.
The play button in the Safari control panel will play the audio of the video from where it left off, but the player still won't display any video.
The "related video" suggestion images will appear once the audio reaches the end, and then the video can be replayed normally.
Does anyone know what's causing this behaviour? The embedding works as intended in all major desktop browsers, and is fine the first time in iOS. It's only when it's reopened in iOS Safari that it fails.

Resources