Examples of HTML files for Video, Audio, and Animation

Author-it Honeycomb User Guide

Example Code

Video

<body>
<video autoplay src="IntroDTP.mp4" width="1280" frameborder="0" allowfullscreen</video>
</body>

Note: Video tag attributes have limited support when publishing to Honeycomb: only width can be set. Autoplay is not recognized.

Audio

<!DOCTYPE html>
<html>
<head>
<title>blank HTML for including items</title>
</head>
<body>
<!-- just controls, no autoplay -->
<audio controls>
<source src="SME.mp3" />
</audio>

<script>// Write Javascript here </script>
</body>

</html>

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>
<!-- copy these lines to your document head: -->

<meta name="viewport" content="user-scalable=yes, width=600" />

<!-- end copy -->
</head>
<body>
<!-- copy these lines to your document: -->

<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.hypersources/circuit_hype_generate_script.js?10857"></script>
</div>

<!-- end copy -->
</body>
</html>