The Embed Audio/Video tool is a main body tool designed to work in conjunction with video services such as Eduvision, TeacherTube, YouTube, or SchoolTube to embed information on a page. If your district website will include a large amount of video, CMS4Schools recommends subscribing to EduVision which integrates with the Video Library.
Note: You can also use the Embed Audio/Video tool to embed where you have been provided an embed code (ex. google maps location).
Embed Audio/Video Tool Properties
After selecting to add the Embed Audio/Video tool to a page, you can select from the following options to display a video on the page.
- Video Library
- Embed Code
- Web Address
Video Library Option
To use this option, you will first have to add your video to the Video Library.
After selecting the Video Library radio button, select your channel, sub-channel, desired video, and the video size. Select Submit to add the tool and display the video on the page.
Embed Code
- Embed Code: Obtained the embed code for the object and paste it into the area provided. Embed codes are available from the video service websites, i.e. SchoolTube, TeacherTube, Vimeo, YouTube, etc.
- Still Image Web Address: You can provide a URL for a still image.
Note: If you add a still image address you must also fill out the Still Image Width and Still Image Height fields.
Select Submit to add the tool and display the video on the page.
See the sections below for optioning the embed code for SchoolTube videos, YouTube videos, google drive audio/visual, and PodBean audio.
Web Address Option
- File Type: Select either Audio or Visual for the file type you are embedding.
- Embed Width/Height: Enter the width and height
- Web Address: Enter the Web Address from the file
- Auto Play: The No (default) option will allow the user to press the play button to start playing the video. The Yes option will play the clip automatically after loading the page.
- Still Image Web Address: A still images for the file can be added by entering the URL into the area provided.
Click Submit to add the tool to the page. The embedded file will now be displayed on the web page.
Eduvision
The Video Library within your CMS4Schools admin is integrated with Eduvision. You are able to upload videos within your website admin. Any videos upload through Eduvision will automatically be available in the Video Library and available to display on any page.
SchoolTube Embed Code
Under the video, select the Embedded Video option.
Copy the Embed iframe code and paste the embed code into the Embed/Audio Visual tool.
Youtube Embed Code
To display a youtube video on your website, you can use the Paste Entire Code option in the Embed/Audio visual tool.
In youtube, select Share under and to the left of the desired video.
In the window that opens, select Embed.
- Update Embed Options as desired.
- Copy the Embed Video iframe code and paste the embed code into the Embed/Audio Visual tool.
TeacherTube Embed Code
Under the video there are tags, URL, and Embeddable Player options.
Copy the iframe code from the Embeddable Player option and paste the code into the Embed/Audio Visual tool.
Google Drive Embed Code
In the file, select ⋮ (vertical ellipsis) and then select Embed Item.
Copy the Embed item iframe code and paste the embed code into the Embed/Audio Visual tool.
Note: The file should not be edited/moved/deleted while using the embed code on the website.
PodBean Embed Code
Within the podcast, select Share.
In the window select the Embed option on the top. The information displayed in this window between the embed code and the more options will be what shows on your site.
Copy the Embed iframe code and paste the embed code into the Embed/Audio Visual tool.
0 Comments