I think I'm about to go mad. For the past few hours I've been trying to get this:
<HTML>
<Head>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css">
<Title>IB Physics - Main</Title>
</Head>
<Body>
<img class="source-image"; src="header.jpg";>
<table class="Navbar"; style="margin-top: 50px; padding:25px;">
<tr>
<td><a href="index.html"; class="Link-images";><img class="Link-images"; src="Main.png"></a></td>
<td><a href="forums.html"; class="Link-images";><img class="Link-images"; src="Forum.png"></a></td>
<td><a href="topics.html"; class="Link-images";><img class="Link-images"; src="Topic.png"></a></td>
<td><a href="contact.html"; class="Link-images";><img class="Link-images"; src="Contact.png"></a></td>
</tr>
</table>
<h1 class="text">Welcome to the Tutorials!<br/></a><br/><br/><br/></h1>
<video poster="Tuts/Tut1.jpg"; src="Tuts/Tutorial-1.mp4" type='video/mp4'; Controls tabindex="0" preload="auto";>
</video>
<script Language="JavaScript"><!--
function checkData()
{
var myTest = select.options[select.selectedIndex].value;
videoTag.pause();
videoTag.src = "myTest";
videoTag.load();
videoTag.play()
}
</script>
<Form>
<select id="select"; onChange="checkData()";>
<option>Choose a Tutorial...</option>
<option value = "Tuts/logger.mp4";>Logger Pro - Maximum/Minimum Gradient</option>
<option value = "Tuts/Tutorial-1.mp4";>Tut1</option>
</select>
</Form>
<br />
<table class="text"; style="margin-top: 760px; padding:25px;">
<tr>
<td><a href="index.html">Main</a></td>
<td><a href="forums.html">Forum</a></td>
<td><a href="topics.html">Topic</a></td>
<td><a href="contact.html">Contact</a></td>
</tr>
</table>
</Body>
</HTML>to work...
Now what I'm trying to do is design a function that will take the value of the selected option, change the "src" value of the video tag and then reload the new video and play. Now so far whatever I've done has not succeeded so if someone could help it would be great. Thanks so much!
