If you're interested in streaming videos on your site, there are some creative ways to incorporate them. Consider the following possibilities:
- Applicant testimonial videos that appear on program brochure pages
- Pre-Departure information in Learning Content pages
- Marketing videos used on content and program brochure pages
- Arrival information in Learning Content pages
- Safety abroad videos
- Foreign language assessments
To do this, your video will need to be hosted on another site (Youtube, Vimeo, Screencast, etc). Once the video is hosted in an outside location, you can then embed the video into any Terra Dotta software WYSIWYG editor. Follow these steps:
- Go to where the video is hosted
- Find the area with the html code, possibly under "Share" or "Embed"
- Copy all the HTML code
- Find the WYSIWYG editor where you want to embed the video
- Click on the 'HTML toggle' icon in the WYSIWYG toolbar "<>"
- Paste the HTML embed code that you copied earlier into the WYSIWYG
- Click 'Update' at the bottom of the page
- The video will now play on this page
Note: You must have the "Maintenance: allow posting of blocked script elements in WYSIWYG content (override XSS blocking)" permission in order to embed a video. If you do not have the permission, your video will not play.
Additionally, if you are creating the link in a location where the user will be logged-in when viewing the video, it may be necessary to adjust the URLs so that they do not attempt to load as 'http://' protocol links. Most browsers will not allow this. You need to remove the 'http:' portion of the URL to make these linkages use the default protocol of the page.
Additionally, if you are creating the link in a location where the user will be logged-in when viewing the video, it may be necessary to adjust the URLs so that they do not attempt to load as 'http://' protocol links. Most browsers will not allow this. You need to remove the 'http:' portion of the URL to make these linkages use the default protocol of the page.
While there are several options for outside locations to host video, you should first contact your IT department to see if there is a flash media server on your campus dedicated to streaming video files. If so, see if you can host your videos there. From that location you can simply copy/paste the embed code. If your site is hosted on Terra Dotta servers, you can still host your videos on your campus' media server and insert the embed code in the WYSIWYG editor. Terra Dotta does not have a flash media server for hosting video.
If your IT department does not have a media server for your videos, find a web-based video-hosting site and embed from there.
Cause
This is due to an issue with the WYSIWYG Editor not properly parsing iframe tags. It is resulting in only the first tag working properly. All subsequent tags are broken.
Resolution
This can be resolved by adding a line break after the initial iframe tag provided.
Example:
The following YouTube iframe embed code:
<iframe width="560" height="349" src="http://www.youtube.com/embed/E5DLegpa0nE" frameborder="0" allowfullscreen></iframe>
Should be entered as:
<iframe width="560" height="349" src="http://www.youtube.com/embed/E5DLegpa0nE" frameborder="0" allowfullscreen>
</iframe>
This will allow the WYSIWYG Editor to properly re-parse the html content when edited in the future. Repeat this for each video you embed on a page.
Troubleshooting
When attempting to embed multiple videos or to edit a WYSIWYG Editor page that has embedded videos (most commonly from YouTube) or other content in iframes, the content isn't rendering properly in the WYSIWYG Editor, and it is broken after updating the page's content. The spacing between the videos appears normal when working in the WYSIWYG Editor, but once updated, the videos appear to have no space between them and some videos disappear completely.Cause
This is due to an issue with the WYSIWYG Editor not properly parsing iframe tags. It is resulting in only the first tag working properly. All subsequent tags are broken.
Resolution
This can be resolved by adding a line break after the initial iframe tag provided.
Example:
The following YouTube iframe embed code:
<iframe width="560" height="349" src="http://www.youtube.com/embed/E5DLegpa0nE" frameborder="0" allowfullscreen></iframe>
Should be entered as:
<iframe width="560" height="349" src="http://www.youtube.com/embed/E5DLegpa0nE" frameborder="0" allowfullscreen>
</iframe>
This will allow the WYSIWYG Editor to properly re-parse the html content when edited in the future. Repeat this for each video you embed on a page.