I urge everyone to watch the trailer below or the video in parts from the links further down. You might also like to visit the An Inconvenient Truth website.
Addendum - Jan 8th 2007
Alas Paramount Pictures have instructed YouTube to take the video off line which means that everything below here no longer works. See Another Inconvenient Truth for my take on this.
If you can’t afford the cinema or the DVD then watch the video in 10 minute segments. Part: 1, 2, 3, 4, 5, 6, 7, 8, 9 and the credits.
Please stop any running video before clicking on the next one.
Addendum - Dec 29th
John James from Planet Extinction asked me how the above was achieved and how it could be added to their website so I’ve added the details below. Hope it helps.
The coding for the above couldn’t be simpler. It consists of a simple JavaScript function and a html <div> tag.
This function is included in the <HEAD> section of the page by the addition of the following line:-
<script type="text/javascript" src="/js/playvid.js"></script>
The following JavaScript function is read in by the above line and is contained in a file called playvid.js
function playme(vidId) {
vid = document.getElementById('vidbox');
vid.innerHTML='';
var v =' <object width="425" height="350"> 8216;
v += 8216 <embed enableJavascript="false" allowScriptAccess="never" ';
v += ' allownetworking="internal" type="application/x-shockwave-flash" ';
v += ' src="http://www.youtube.com/v/'+vidId+'&autoplay=1" ';
v += ' wmode="transparent" height="350" width=425"></embed></object> 8216;
vid.innerHTML = v;
}
The code could have been simplified but it works and is short enough for this purpose. I’ve added whitespace in the above for clarity.
To initial video sits inside the <div id=”vidbox” align=”center”> tag as follows:
<div id="vidbox" align="center">
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/TUiP6dqPynE"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/TUiP6dqPynE" type="application/x-shockwave-flash"
wmode="transparent"
width="425"
height="350">
</embed>
</object>
</div>
and is replaced when the user clicks on the links in the menu.
The menu looks like this:-
<a href="javascript:playme('MwY4VU7zhsw');">1</a>,
<a href="javascript:playme('MrhjGzm37vU');">2</a>,
<a href="javascript:playme('xsQqTjGIyxs');">3</a>,
<a href="javascript:playme('tfrfvcNf3CU');">4</a>,
<a href="javascript:playme('6s3mAahl-9Q');">5</a>,
<a href="javascript:playme('rZFHD6SLQ5E');">6</a>,
<a href="javascript:playme('UiIAqmN26Rs');">7</a>,
<a href="javascript:playme('bIEC11sKGH8');">8</a>,
<a href="javascript:playme('JqJxWAVOO-s');">9</a> and
<a href="javascript:playme('QtRzC1sVTSU');">the credits</a>.
The JavaScript playme(’xxx’) function is called whenever a user clicks on the link. This in turn replaced the innerHTML code within the <div id=”vidbox”> tag. The funny numbers within the quotes of the function are the video ID on YouTube.
None of the above could have been achieved without YouTube providing the tools and the willingness of others to share their code and ideas.
Bookmark with:
These icons link to social bookmarking sites where readers can share and discover new web pages.