This application is the same one that we use to display the FirstClass Video Tutorials. It has been made more generic so that you can create your own categories and video lists to present to your own users.
Similar to the Global Bookmarks application the list of videos is stored in a javascript file that you can edit to enter your own videos and categories.
Download the Source Code
For this application, we can run it in an iFrame delivered from our Internet Services (or any web server)
As we did with the Calculator application
2. Inside that folder you will find the GlobalBM.js file containing the list of your global bookmarks.
var videos = [
{
"Category": "Beginner Javascript",
"Code": "yQaAGmHNn9s",
"Name": "Beginner Javascript Tutorial 1",
"Description": "Introduction to Javascript"
},
{
"Category": "Beginner Javascript",
"Code": "yQaAGmHNn9s",
"Name": "Beginner Javascript Tutorial 2",
"Description": "Comments and Statements"
},
{
"Category": "HTML",
"Code": "9gTw2EDkaDQ",
"Name": "HTML5 Part 1",
"Description": "Getting Started"
},
{
"Category": "HTML",
"Code": "YcApt9RgiT0",
"Name": "HTML5 Part 2",
"Description": "Writing Text"
},
{
"Category": "HTML",
"Code": "CGSdK7FI9MY",
"Name": "HTML5 Part 3",
"Description": "Images and Hyperlinks"
}
]
You can edit this list and add to it if you like. Each item within the videos array is a javsacript object with four pairs of information containing the Categorey, YouTube video code, Name and Description for the video.
To find the YouTube video code, open the video in YouTube and locate the string in the URL that follows &v=
This is the value that you enter as the code in the array.
3. Once edited, upload this entire folder to your ExtAppSource folder as described in the Calculator document in this section.
Installing the Application
1. Follow the instructions in the Installing External Apps section to create a new external application document.
2. Name your application YouTube Videos (or any other name you choose)
3. Set the dimensions to
4. Add the names of the groups to which you wish the application to be made available.
5. Grant the application the same permissions as the user (required for Chrome)
6. Click the image at the right to open it in a new window, then save as icon.png and attach it to the form 
7. In the body of the document, paste the following html snippet.
NOTE: If you are running FCWS with an SSL certificate, recent changes to both Chrome and Firefox require that your web server hosting your external application also have an SSL certificate installed.
