Creating an HTML file

Publish

Platform_KC
On Premises

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:

  1. Create a new text file in Notepad. See Examples.
  2. Save the file.
  3. Change the extension of the file from txt to html.
  4. 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 Author-it 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>