How to embed video

Send by emailSend by email

We support HTML5 compliant video using the <video> tag, but we also want to insure that all users of the WWW can read Technoculture. Authors should include a transcript of the content of the file in pdf (or embed the transcript directly on the webpage if it's short). Very brief clips may be described merely with a title, if that is sufficient, as in this example:

 

Editor Keith Dorwick welcomes you to Technoculture, 3 seconds:

Sample Code:

<div class="border center">
<video width="320" height="240" controls>
<source src="https://tc-media.site/demo/welcome.mp4" type="video/mp4">
<source src="https://tc-media.site/demo/welcome.webm" type="video/webm">
<source src="https://tc-media.site/demo/welcome.theora.ogv" type="video/ogg">
<embed src="https://tc-media.site/demo/welcome.mp4" width="320" height="256" autoplay="false&" controller="true" loop="false" plugsinpage="http://www.apple.com/quicktime/">
</embed>
</video>
</div>

Note that you will need to adjust the height ("240") and width ("320") attributes displayed above to match the actual dimensions of your video, to make it fit on the page correctly.

Note that Internet Explorer 9 readers will have to download and install the free WebM plugin for IE9 in order to view WebM videos.

The code will work for Internet Explorer 8 and earlier as well, but it will take a while to load as it tests the other three formats first then turns to an <embed> tag linked to a mp4 file.