For video, YouTube video, audio, or animation, Author-it uses a file object to embed a piece of HTML code that links to the video, audio, or animation file(s).
Note: The filename of the audio, video, or animation cannot include any spaces. If the filename contains a space, the file will not publish to the WBT output.
To create the HTML file:
-
Create a new text file in Notepad. See Examples.
-
Save the file.
-
Change the extension of the file from .txt to html.
-
Copy the HTML file and the applicable video/audio/animation files to the folder that is used for video, audio, or animation content.
Examples
Example Code |
|
Video |
<body> <video src="Adding_Videos.mp4"> </video> <body> Note: Video tag attributes have limited supported when publishing to Honeycomb: only width can be set. |
Audio |
<body> <audio controls> <source src="SME.mp3" /> </audio> </body> |
Animation |
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" /> <title>Circuit</title> <style> html {height:100%;} body { background-color:#ECECEC; margin:0; height:100%; </style> <meta name="viewport" content="user-scalable=yes, width=600" /> </head> <body> <div id="circuit_hype_container" style="margin:auto;position:relative;width:600px;height:400px;overflow:hidden;" aria-live="polite"> <script type="text/javascript" charset="utf-8" src="circuit.hyperesources/circuit_hype_generated_script.js?10857"></script> </div> </body> </html> |