Join Joseph Labrecque for an in-depth discussion in this video Rendering playlist selections, part of Building Custom HTML5 Video Playback with AngularJS 1.
- To render our playlist data to the user…we will employ the ng-repeat directive…within the details panel.…Ng-repeat will allow the representation of playlist data…via duplicated elements, based upon…our JSON data collection.…We'll also create a function to swap out…the current video details with the selection of the user.…Here inside of my HTML, let's go down and find…that empty column within our panel.…Here's our VideoOptions panel,…and we have the Video Details on the left side.…
On the right side we want to render our playslist,…so I'm going to paste in a list here.…This is an unordered list.…and it's of class "list-group."…This is something particular to Bootstrap.…It allows us to render a list looking like…nicely formed UI buttons.…Along with list-group of course,…every list item in here has a class of…"list-group-item' to go along with that.…If we look we can see we have a directive here…called ng-model.…
- 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.