HTML5 Video

Converting to WMV - Windows Media Video format

You have just made a screen capture using Expression Encoder Screen Capture. Send it along to the Encoder.

In Expression Encoder 4:

You will have produce a screenCaptureFile in WMV - Windows Media Video format.

Converting to Ogg video format

Your FireFox 4 browser must be loaded with Firefogg (http://firefogg.org/).

Firefogg: Make video > select file. Then set your preferences.

Record to file :: filename plus ".ogv" suffix.

HTML5 <video> tag

<video 
    src="YOUR FILE NAME HERE.ogv" 
    width="XXXXXXX px" 
    height="XXXXXXXXX px" 
    type="video/ogg" 
    codecs="theora, vorbis" 
    controls>
  Default text here if video doesn't run
</video>


Point your Firefox 4.x or Chrome 10.x browser at this video. Use the video's controls to run this video. ** There is no sound to this video

Serving HTML5 video from Dante machine

Create an .htaccess file in the local Dante directory that hosts your Ogg video and HTML page with the <video> tag.

AddType video/ogg .ogv
AddType video/ogg .ogg

Scripting against the <video> tag

The following JavaScript illustrates a clickable play/pause

<head>
<script type="text/javascript">

var myVideo;
function doThis()
{
	myVideo = document.getElementById("hollywood");
	myVideo.addEventListener('click',playControl,false);
}

function playControl() {
    if (myVideo.paused == false) {
        myVideo.pause();
        this.firstChild.nodeValue = 'Play';
        
    } else {
        myVideo.play();
        this.firstChild.nodeValue = 'Pause';
        
    }
}
</script>
</head>

<body onload="doThis()">
<video id="hollywood" ... </video>

Reference

Video on the web