Join Joseph Labrecque for an in-depth discussion in this video Binding dynamic properties to our app, part of Building Custom HTML5 Video Playback with AngularJS 1.
- We've already seen how to bind…certain values from our scope to…our app with curly braces and data binding.…Here we will use Angular JS to populate…the video element with that source…that we have set dynamically and also…display the title and description from our…model within the dom.…So as a reference inside of our video…app we have things like video source,…title display and video description.…And look right here, we've got a misspelling.…So let's fix that right now so that…should match video description.…
And we'll save that.…So what we want to do is actually show…all of these different things within our HTML.…So we want to display these properly.…And for that we can use data binding…just as we did for that message element.…Since this message element no longer…exists we can get rid of it and actually…replace it with the items we just created.…So let's create some containing elements for these things.…Again, we'll use double curly braces…to use data binding from within our Angular application.…
So here this will be the title display…
- Setting up
- Creating a video element
- Making the video element responsive
- Building controls
- Setting up an AngularJS controller
- Binding properties
- Customizing the playback controls and time display
- Enabling full-screen playback and playlist support
- Using AngularJS directives and filters
Skill Level Intermediate
Up and Running with AngularJS 1with Ray Villalobos1h 20m Intermediate
Building a Mobile App with AngularJS 1 and Ionicwith Ray Villalobos3h 31m Intermediate
1. Setting Up the Project
2. HTML Video Playback
3. AngularJS Integration
4. Playback Customization with AngularJS
5. Advanced Features
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.