<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title> Video5 </title>
			<meta name="author" content="Administrator"/>
			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
			<link rel="stylesheet" type="text/css"
				href="html5-video5.css" title="style1"/>
    <script type="text/javascript">
       // <![CDATA[
      "use strict;"
	function playPause() { 
           var myVideo = document.getElementById("video1"); 
           if (myVideo == null) alert("Video ist null");
	    if (myVideo.paused) 
       	 myVideo.play(); 
	    else 
       	 myVideo.pause(); 
	} 

	function makeBig() { 
           var myVideo = document.getElementById("video1"); 
           if (myVideo == null) alert("Video ist null");
	    myVideo.width = 560; 
	} 

	function makeSmall() { 
           var myVideo = document.getElementById("video1"); 
           if (myVideo == null) alert("Video ist null");
	    myVideo.width = 320; 
	} 

	function makeNormal() { 
           var myVideo = document.getElementById("video1"); 
           if (myVideo == null) alert("Video ist null");
	    myVideo.width = 420; 
	} 
      // ]]>
    </script>



	</head>

<body>
	<h1> 5. Video Beispiel</h1>


<div style="text-align:center"> 
<form> 
  <input type="button" value="Play/Pause" onclick="playPause()"/>
  <input type="button" value="Big" onclick="makeBig()"/>
  <input type="button" value="Small" onclick="makeSmall"/>
  <input type="button" value="Normal" onclick="makeNormal"/>

  <br /> 
  <video id="video1" width="420"  >
  <source src="mov_bbb.mp4"  type="video/mp4"/>
  <source src="mov_bbb.ogv"  type="video/ogg"/>
    Your browser does not support HTML5 video.
  </video>
</form>
</div>
<a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop" target="_blanc" > Quelle  </a>



</body>
</html>





