We are trying to build a video chat solution based on Cordova. The problem we have is we are getting a black screen in iOS, & Video is not getting played until you are clicking on it. Also, if clicked, a Black Screen would appear.
There are 2 different videos but both not getting played, instead, we are getting a live stream written along with the controls option
playsinline has been added in the video tag but still we are getting the same issue. No problem is there in Android.
Entire Video: https://drive.google.com/file/d/1xjh6VzWuyjZQgprip5FiZ_VyQze_8SKS/view?usp=sharing
Related
This is my first message app. The tutorial i been watch only teach me how to play the video with full screen. It will be cool if i can play the video without open up to another window or full screen.
i been trying a lot of other stuff but still cant get it to work.
Also now when i playing the video it goes to full screen and the load bar is gonna too. (Xcode 8, iOS 10)
How would modify my code for the video not playing in full screen?
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
On my page I have 2 mediaelement players. One is an audio player that works fine. The other is a video player.
I'm using an mp4 for cross browser/device compatibility. It works everywhere without issue. The only issue I'm having is on iOS, the video plays, but the screen is black and I can only hear the audio. I've looked everywhere and tried different types of encoding but cannot solve this issue.
If I set iPadUseNativeControls: true, the video will work in the native player, but it appears on the screen really small and not centered, breaking the layout.
As an aside, I'm initializing the players via new MediaElementPlayer() as opposed to $().mediaelementplayer()
What is the issue here?
Having a similar issue with Android. Tested with Firefox Mobile 25, Firefox Beta 26 and Chrome 31. None which worked. Black picture but I can hear audio.
I can use the video player and watch the videos on Android; which tells me the MP4 encoding is fine.
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.