3Play Media offers two embed methods for publishing plugins; iFrame and JavaScript. While 3Play Media highly encourages users to implement plugins using iFrame embed codes the JavaScript embed code is also available as an option.
The focus of this article is to detail the process for additional steps required when embedding an plugin using the JavaScript embed method.
Prerequisites
- The 3Play Plugin is not available to Express accounts
- Content Publishing must be enabled for access to the 3Play Plugin
Step 1- Click Publish
Locate the file from My Files and click into the file. From the file-show page, click Publish, then Publish Plugin.
Step 2- Switch to Custom JavaScript Embed Method
Within the Video Settings section, click the Embed Method drop-down menu and select Custom (JavaScript).
Step 3- Style Settings
The Style Settings section offers the ability to can change the dimensions of the plugins.
The dimensions default to 500px Width and 500px Height.
Adjust the dimensions of the plugin and define new sizing either in px or %.
Select either Dark or Light from the Plugin Skin drop-down menu.
Step 4- Plugin Features
Select which plugin features that you want included in the plugin. Choose to include an Interactive Transcript, Audio Description, Captions Plugin, and SEO Embed.
Note that if an Audio Description order is not associated with the file you are publishing a plugin for, it can still be included in the code for the plugin template however it will not actually show in the plugin. If Audio Description is every ordered later for a specific file, once completed the plugin will automatically update to display the Audio Description features.
Once specific features are selected enable any available parameters to be included in the plugin.
Step 5- Copy JavaScript Embed Code and Paste in HTML
Once all settings have been selected copy the JavaScript embed code and paste it below your video embed code within an HTML page.
Step 6- Add Video Target to Video Embed Code
Copy the Video Target from the plugin template and add it to the video embed code.
Note that additional steps may need to be made depending on the video platform being used to host the video.
Step 7- Publish HTML
Once the Plugin embed and Video Target have been added to the HTML page containing your video embed code and any additional required edits to the video embed have been made, publish the plugin to a webpage.