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:

<video width="320" height="240" controls>
<source src="/issues/demo/welcome.mp4" type="video/mp4">
<source src="/issues/demo/welcome.webm" type="video/webm">
<source src="/issues/demo/welcome.theora.ogv" type="video/ogg">
<embed src="/issues/demo/welcome.mp4" width="320" height="256" autoplay="false" controller="true" loop="false" plugsinpage="http://www.apple.com/quicktime/">
</embed>
</video>

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.

The code assumes that you will supply us with video in three formats (Theora [Ogg] and WebM for HTML5 compliant webpages; mp4 for backwards compatibility). You can use Firefogg, an open source free add-on for Firefox: http://firefogg.org. Firefogg (once installed) will allow you to convert QT movies to WebM and Ogg formats.

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.