Before choosing to embed a video on your page, be sure its content is accessible!
You can do this by presenting the same information contained in the video in an alternative way, such as:
Rich says, "Information in a video must also be presented in text format."
The Insert/Edit Embedded Media or Insert/Edit Video tool on the WYSIWYG Editor toolbar allows users to include markup for video, movies, and audio on a page. This embeds the proper markup such as the video tag or object in order to add the proper media player for the media type. Attributes/parameters for specific media types can configured on the Advanced tab.
Users can link to media from external sources, as well as upload files directly to OU Campus.
Note: If HTML5 schema is not in use for the WYSIWYG Editor, HTML5 tagging may not be supported on the rendered page. An administrator may cautiously enable the schema for the WYSIWYG Editor.
For more information about HTML5 and schemas, visit the WYSIWYG Editor in Site Settings page.
This section includes the following topics:
The Advanced Tab is also available when utilizing the Classic Editor; for more information, visit the Advanced Tab page.
In addition to uploading media files to OU Campus and inserting them with the WYSIWYG Editor, users can also link to media files from external sources, such as YouTube or other similar video-sharing services. This method uses an <iframe> tag.
The General tab in the Insert/Edit Embedded Media tool is used to determine the type of media file that will be inserted, which will determine the markup that will be used. Also, the media file URL can be specified here or a file selected with the use of file chooser/browse icon.
The Source or Embed Code tab of the Insert/Edit Embedded Media modal provides users a space where they can directly post the embed code of their video.
The WYSIWYG Editor uses the XHTML schema to validate the content when saving. In the case of an <iframe>, the "name" attribute is deprecated for XHTML, and is removed. Instead, try using the ID attribute, or id="iframename".
There are a few reasons why a video may not render:
If you are embedding a Youtube video on a page by taking the embed code Youtube provides and pasting it into the source code of a page, you may encounter an error where the page cannot be edited. This is caused by a small error in the embed code that is easily fixed.
The recommended course of action for embedding videos is to do it through the Insert/Edit Video tool in the WYSIWYG editor by pasting in the URL of the video. However, if you are using the embed code provided by Youtube, it can be fixed in the following manner.
Within OU Campus, iframe elements (such as the Youtube embed code) cannot be empty between the <iframe> and </iframe> elements. A code such as this will break the page:
<iframe width="560" height="315" src="insert-youtube-link-here" frameborder="0" allowfullscreen></iframe>
However, this can be solved by adding a nonbreaking space in between the elements, like so (bolded for emphasis):
<iframe width="560" height="315" src="insert-youtube-link-here" frameborder="0" allowfullscreen> </iframe>
Or alternatively, another solution might be to add in a comment:
<iframe width="560" height="315" src="insert-youtube-link-here" frameborder="0" allowfullscreen> <!--add a comment to prevent iframe from being empty--> </iframe>
In either case, having the value in between the starting and closing <iframe> elements will prevent an empty iframe, which should resolve any of those errors.