Javascript plugin architecture

Development approach

To do this, you will perform the following:

• Create a file to contain your CSS plugin code (if needed)
• Create an HTML file for testing.

  Use the implementation for the player

• Add an to the tag
• Use a tag to call the function
• Develop and debug your code

The rest of this document guides you through these steps to build and deploy a simple plugin.

Build the basics

To begin the process of building a plugin, you need to perform some of the foundational, high-level steps mentioned above.

1. Create a folder named that can be browsed using an actual HTTP server.

   The server is necessary for the iframe implementation testing later in this document.

2. In the folder, create three files with the following names:
   • plugin-dev.html (Insert the basic elements for an HTML page into the file)
   • plugin-dev.js
   • plugin-dev.css
3. Using Studio's Players module, create a new player.
4. In the Media module, select a video and publish it with the newly created player.
5. Using the VIDEO CONTENT section, associate a video with the play
   how to create firefox extension javascript
   create javascript plugin tutorial