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!

what browser are you testing this on?

All of them. I'm new to javascript but I think this should be working.

mp4 doesn't work on firefox

The file format is not the issue. In the end I will use .ogv for all the videos. My issue is that this won't change the video source then load it in chrome or firefox. If it doesn't play in firefox it just displays the poster with an "X" in the centre but it doesn't even do that and continues playing the video.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.