I have a webview in an IOS app that I am loading with local data. The html page includes a link to stream a video.
Clicking on the link displays the video fine, but when the video terminates, the web view page does not reappear, instead the QTime viewer is still showing with the Play arrow. How can I make sure the webview reappears?
Well, i faced the same problem in Webkit but not on iOS, on some other platform, the reason is as follow,
1 -- When there is a stream content , video content, it will invokes the QTime plugin to display it,
2 -- QTime will occupy entire screen to launch the video,
3 -- Please check if you could capture the Video End Event in your application, in such a case, there will be global instance of QTime plug-in, that you can hide and can display the Web-View.
Related
Just a quick question on this and how I can get a youtube video to stop playing when exiting a modal.
We have this homepage slider > https://www.bababing.com/
You can see that when you click on a tile in the slider it opens and starts playing the video. However, when you exit it still plays the video.
Is there anyway we can stop his happening that anyone knows of?
We are using fancy box to open the lightbox area.
Upon the video opening I also want it to autoplay the videos
Any thoughts would be fantastic
Thanks,
Glen
You have youtube player code inside inline content, but the script literally moves your content into the modal and puts back after closing. Therefore, if user interacts with your content, it stays the same after closing the modal.
You have several options:
1) You could use Youtube API to stop/start videos after content is displayed/hidden;
2) Display cloned version of your content (e.g., something like $.fancybox.open( $('my-element').clone(true) ); ), but then you probably still would need to use Youtube API to start video;
3) Build your own content on click event - something like $.fancybox.open( 'there will be youtube iframe code with autoplay option and something more' ); - this way you will avoid messing with Youtube API
4) Use direct links to Youtube like https://www.youtube.com/watch?v=_sI_Ps7JSEk&autoplay=1 - the script will then parse it and load inside iframe automatically
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!!
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
I am using the following code to load a YouTube video.
jQuery(document).ready(function() {
$("#LOAD").click(function(){
data = '<iframe id="placeHolder"> </iframe>';
$('#putItHere').html (data);
$('#putItHere').show ();
document.getElementById ('placeHolder').src='http://www.youtube.com/embed/7R4LJQ7-_6Y';
});
});
Additional buttons exist as well. The problem is that only on an iPad or iPhone, the other buttons are frozen (do not respond to touch) until the video is started. Once it is started, the other buttons function. This occurs only in the 'touch' environment. Using a 'click' environment, the buttons are not frozen. So, for example on a lap top (using a mouse), I can load a video, see that it is the wrong one, and click to load a different video. On an iPad, I can not click (touch) to load a different video until the loaded video has started to play.
This has been logged as a bug with youtube api, it affects iPod/iPad/iPhone family where any links directly underneath an embedded youtube video do not work for the same height as the embedded video. See the below link:
https://code.google.com/p/gdata-issues/issues/detail?id=4569
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.