Friday 2 May 2008

Embedding Real Video into a web page:

Hi

Just some technical stuff today - how to embed Real Video into a web page:

Here is what I wanted to achieve - (OK the left hand column is too narrow - but hey, it's a start ...), and the code is listed underneath:

Self Harm - Conflict (BBC / Sarah Curtis 2005)


"Sarah Curtis from Southampton has been self harming since she was 11 years old. It's a personal battle between wanting to stop and getting relief through self harming. Sarah hopes her film will help others understand how self harm affects people's lives. This is her story... " (BBC 2005)


Now click the image on the right to watch a short video from Sarah Curtis ... (You will need RealPlayer installed to watch this - look for the free version):

































Launch in external player




Here's the code:
=====
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>

<td valign="top"><p align="center" class="style1"><strong>Self Harm - Conflict</strong> (<a href="http://www.bbc.co.uk/southampton/videonation/selfharm1.shtml" target="_blank">BBC / Sarah Curtis 2005</a>) </p>

<p align="left"><em>&quot;Sarah Curtis from Southampton has been self harming since she was 11 years old. It's a personal battle between wanting to stop and getting relief through self harming. Sarah hopes her film will help others understand how self harm affects people's lives. This is her story... </em>&quot; (<a href="http://www.bbc.co.uk/southampton/videonation/selfharm1.shtml" target="_blank">BBC 2005</a>)</p>
<p align="left">Now click the image on the right to watch a short video from Sarah Curtis ... (You will need <a href="http://www.realplayer.com" target="_blank">RealPlayer</a> installed to watch this - look for the free version):</p>
<p align="left"><em></em></p></td>
<td valign="top"><table border='0' cellpadding='0' align="center">
<!-- begin video window... -->
<tr>
<td valign="top"><object id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'
width="320" height="240">
<param name='src' value="http://www.bbc.co.uk/southampton/videonation/nb/southampton_selfharm1_4x3_nb.ram" />
<param name='autostart' value="false" />
<param name='controls' value='imagewindow' />
<param name='console' value='video' />
<param name='loop' value="false" />
<embed src="http://www.bbc.co.uk/southampton/videonation/nb/southampton_selfharm1_4x3_nb.ram" width="320" height="240"
loop="False" type='audio/x-pn-realaudio-plugin' controls='imagewindow' console='video' autostart="False"> </embed>
</object>
</td>
</tr>
<!-- ...end video window -->
<!-- begin control panel... -->
<tr>
<td><object id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'
width="320" height='30'>
<param name='src' value="http://www.bbc.co.uk/southampton/videonation/nb/southampton_selfharm1_4x3_nb.ram" />
<param name='autostart' value="false" />
<param name='controls' value='ControlPanel' />
<param name='console' value='video' />
<embed src="http://www.bbc.co.uk/southampton/videonation/nb/southampton_selfharm1_4x3_nb.ram" width="320" height='30'
controls='ControlPanel' type='audio/x-pn-realaudio-plugin' console='video' autostart="False"> </embed>
</object>
</td>
</tr>
<!-- ...end control panel -->
<!-- ...end embedded RealMedia file -->
<!-- begin link to launch external media player... -->
<tr>
<td align='center'><a href="http://www.bbc.co.uk/southampton/videonation/nb/southampton_selfharm1_4x3_nb.ram" style='font-size: 85%;' target='_blank'>Launch in external player</a>
<!-- ...end link to launch external media player... -->
</td>
</tr>
</table></td>
</tr>
</table>
=====

No comments: