arnaudbreton / angular-youtube Goto Github PK
View Code? Open in Web Editor NEWSimple module to integrate Youtube Player (API) with AngularJS
License: MIT License
Simple module to integrate Youtube Player (API) with AngularJS
License: MIT License
Something I am having trouble with and was just wondering what you thought, if possible, no big deal if not.
Anyway I am building a web app that needs to display a youtube video on a page as a part. The app is built using Angular and uses Cordova to compile for iOS and Android. The app connects out to a database to get a business' youtube video link then parses the link to get the videoId and then uses your youtube module to place an iframe on the page with the videoID. On the web app version it seems to work fine which is great.
However when I build for iOS and Android no video iframe shows on the page in each version of the app and I don't see why. No errors showing in the logs, and i am able to print out the videoId so that is coming through fine.
Thanks for any input
I browser you code, and it seems to me that your service produces an instance of a video using the YouTube JS api statically.
Which is basically the same is using an embed flash player.
And won't allow users to add their own video for instance.
Instead of creating the video instance at the link function of the directive, perhaps it could be nice to pass it as a 2-way-bind attribute.
I can implement something like this and open a PR, if you are interested.
Also, regardless of the usage example for the existing code could be great, thanks ๐
Using Apple's meta tag as documented on their developer guide (see: https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html) for specifying a web app capable website as below results in the YouTube app automatically opening up on iOS 8.
Example of the meta tag:
<meta name="apple-mobile-web-app-capable" content="yes">
That would be helpful to me and many others. Thanks!
Hey, this is nice. What are you licensing it under? Could you add a license file?
Could someone please provide an example of how you're expected to implement this?
I'm very new to Angular and I'm having trouble working out how you'd pass it either the ID of the video to play (quite a fundamental problem i'm sure you're agree) or how you'd go about listening for events on the player itself.
Even a quick snippet would be better than none.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.