<?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> Video4 </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-video4.css" title="style1"/>
	</head>

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


<video controls="controls"  autoplay="autoplay" muted="muted" loop="loop" 
          poster= "poster.png" preload= "metadata" >
  <source src="small.mp4"  type="video/mp4"/>
  <source src="small.ogv"  type="video/ogg"/>
</video>
Natürlich kann man auch mit CSS-Styles arbeiten. Diese Seite verwendet einen Video-Selector, 
der einen weißen Rand, einen Außen- und Innenrand und einen schwarzen Hintergrund definiert. 
Mit der Eigenschaft "float" macht der Text Platz, damit das Video rechts angezeigt werden kann.
Dazu benötigt man aber viel Text, damit dieser Effekt dargestellt werden kann.



</body>
</html>


