Comments (1)
the directive has its own scope, so that we don't break any behavior on the parent scope.
when we create the player, we add it to the scope. internally, this is convenient since we can make calls on scope.player
without having to pass a player
into every function that needs it.
the real benefit is that, from the parent scope, you're able to pass in a variable to hold onto the player, allowing to parent scope to directly manipulate the video. here's an example:
when adding the youtube-video
to your template, define a player
attribute on it.
<youtube-video video-id="someVideo" player="myPlayer"></youtube-video>
from within your controller, $scope.myPlayer
is the player that is handling that specific video. doing something like
$scope.myPlayer.playVideo();
will make that video start playing.
be aware though that when you controller is first created, $scope.myPlayer
won't be defined, since it needs to wait until the YouTube library has loaded and created the player
.
if you check out the advanced demo, the video that loops is handled like this. let me know if anything doesn't make sense.
from angular-youtube-embed.
Related Issues (20)
- Safari Downloads YouTube Hex on Init
- [Question] Ioinic HOT 3
- npm WARN [email protected] No repository field HOT 1
- Plugin throws error when used with ionic {{}} HOT 3
- Append a div to the player when player goes fullscreen HOT 1
- Show time of video in real time HOT 3
- Getting SecurityError from youtube API
- Youtube embed problem with ui-bootstrap modal
- [Question] Does modestbranding parameter work? HOT 2
- Cant link after install.
- Inline video and autoplay on iOS10 HOT 1
- youtube.player.playing returns only once HOT 1
- Adjust the plugin for AngularJS 2 HOT 1
- Memory Leak - Chrome
- Include YouTube library in main lib
- White background on full-screen HOT 3
- iOS video going full screen on click to play. Playsinline parameter not working.
- playVideo is not working in ionic v1 HOT 1
- demo page doesn't support https
- API event messages are not received HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-youtube-embed.