0

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!

2
Contributors
4
Replies
5
Views
5 Years
Discussion Span
Last Post by Microno
0

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

0

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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.