I'm trying to link to videos on vimeo within my PhoneGap application and I would like them to play inside the app (Fullscreen and when done button is pressed go back to app). Does anyone know how to pull off this kind of functionality. I've looked at vimeo's API's but they seem to just pull the video links in and then link out to the video. Any thoughts?
The Iframe tag that comes by default in the share option will work in phone gap.
Note:You need a pro account to use some thing other then the iframe
Related
We are using LinkedIn to share a link to an HTML5 interactive video. When the link is shared, by default it opens in LinkedIn's browser inside the app. The problem is that when the user starts playing the video, the browser automatically switches to fullscreen, hiding our custom controls. iOS allows inline video playback nowadays with playsinline attribute on the video element, but LinkedIn browser doesn't support the attribute. On iPad the video does play inline though and does not switch to fullscreen. We have tested this bug on iOS versions 10 and 11. On native Safari browser or Google Chrome there's no problem, the video plays inline as intended. The video plays inline in other apps, for example Facebook Messenger's in-app browser. The only problem we have had is with the LinkedIn browser.
Is there any way to play a video inline on iPhone when using the in-app browser without going fullscreen? Or, is there any url scheme that could be used to launch Safari from the in-app browser? Currently the user experience is quite bad when the users have to manually exit fullscreen, which also pauses the video.
Try adding the target=”_blank” attribute. It will open the link provided in a new page, meaning it can open the video in a new page in the web browser.
Sorry if this has been asked before... in a mobile browser (eg iOS Safari) when a Vimeo video is embedded into a HTML page, clicking play on the video pops it open in the native player in Safari - I want to be able to launch a video in this exact way, but from an image link rather than having to embed the video... So that clicking the image pops open the video in the native Safari player.
I've searched around but think I'm lacking the correct terminology to know exactly what to search for.
Is this possible?
Thanks in advance...
Why don't you want to embed the vimeo code?
One work around can be going to your vimeo video settings, then Basic and at the bottom of that page upload your own Thumbnail image... You will still have to embed the vimeo code though, but now you will have the image you want as the first image before you click on the video.
This can be a partial solution in the mean time. Also I think a Pro vimeo account might allow a direct link to a video.
I have created a web page that auto plays a full screen background video.
On top of the video is a div that contains text & a link to an external site - this works fine in all desktop browsers.
How do i recreate the same setup to play on mobile devices - would I need to use javascript in order to achieve this?
I have spent many hours trawling google for a definitive answer and am now very confused.
Thanks in advance.
Autoplay for HTML5 video is not allowed on mobile devices such as iOS or Android. You can read this for the whys and hows on iOS.
On iPhone the video plays in the default (fullscreen) Quicktime player. So there is no real background notion (this could be accomplished in a native app where inline playback of video is allowed but not in the Safari/web browser). You would need to stick to an image I guess.
On the iPad or on Android in order to accomplish what you want you will need to bind your video tag to a touch event/button (like when a user 'touch' to enter your site), and on this event initiate the play sequence for the video (in your case the video being set to occupy the full width and height of the viewport).
Thanks
Is it possible to embed a Vimeo video in an iOS app using a UIButton instead of doing it using a UIWebView?
My idea is to click an UIButton to play a Vimeo video in-app, without launching Safari.
Is it possible to start a video by click of a UIButton - yes.
Is it possible to embed a video in UIButton - no. Video still needs to be hosted within a UIWebView.
Hosting UIWebView in an app is not the same as starting Safari. UIWebView is a part of your app, Safari is a whole another app. You have complete control over what's going on inside a UIWebView.
There's a Vimeo app on the store and an API plus its documentation on Vimeo.com. The last time I checked third parties weren't able and allowed to embed the clips directly in the App since they don't have access to th mp4 files on Vimeos content delivery network.
But Vimeo itself does, so if you know what you're doing you can come up with the idea to monitor Vimeos app network traffic and reverse engineer how they access the mp4s. But before you do that, you probably better contact their support.
The organization I work for has created an interactive YouTube video in which you can navigate around to other YouTube videos by clicking links within the video - sort of like a choose your own adventure type deal.
Anyway, I was working on a web page that references this video and I'd like to embed the video directly on the page.
The interactive portions actually work while the video is embedded, but unlike how it works when playing on YouTube, the url doesn't actually change and the back button is therefore non-functional.
So if I choose a path and determine that's not where I want to go, the only way to get back would be to reload the entire page and start from the beginning.
I'm guessing my best choice here is to just go ahead and link this off to YouTube, but I wanted to make sure I wasn't missing an obvious easy way to embed this video on the page and keep the back button functionality that's possible when the video plays on YouTube.
Thanks for your time!