YoutubeVideoPlayer is part of Ionic Native, which is a set of wrappers for a curated list of Cordova plugins. These wrappers make it very easy to implement native functionality in your apps. Here let’s see how to setup a Youtube video player:
First install the YoutubeVideoPlayer Cordova plugin:
$ ionic plugin add https://github.com/Glitchbone/CordovaYoutubeVideoPlayer.git
Then import it in your component:
import { YoutubeVideoPlayer } from 'ionic-native';
You can now use the openVideo() method:
playVideo(videoId) {
YoutubeVideoPlayer.openVideo(videoId);
}
And now in your template it’s as simple as calling playVideo() with a valid Youtube video id:
<input placeholder="Enter a video id" #videoId>
<button ion-button (click)="openVideo(videoId.value)">
<ion-icon name="play"></ion-icon>
</button>
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
Alligator.io is a developer-focused resource that offers tutorials and insights on a wide range of modern front-end technologies, including Angular 2+, Vue.js, React, TypeScript, Ionic, and JavaScript.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
Full documentation for every DigitalOcean product.
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
Stay up to date by signing up for DigitalOcean’s Infrastructure as a Newsletter.
New accounts only. By submitting your email you agree to our Privacy Policy
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Sign up and get $200 in credit for your first 60 days with DigitalOcean.*
*This promotional offer applies to new accounts only.