nicht angemeldet
Videos bei klick abbrechen
Hallo,
Ich habe eine Tabelle mit mehreren kleineren Spalten indenen Images implementiert wurden. Wenn ich auf die Bilder klicke, erscheinen Sie vergrößert in einer 400 * 250 großen Zelle. Ich habe auch ein Bild, dass ein Video in dieser größeren Zelle abspielt. ALlerdings kann ich das Video nicht mehr abbrechen und es bleibt auch bei erneutem Klick auf ein anderes Bild in der Zelle stehen. Der View ändert sich nicht mehr beim ausführen der Aktionen.
Das Script:
#container {position:relative; width:425px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:0 auto;}
#container img {border:0;}
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../bilder/ebay/paradis1kl.jpg);}
a.slideb {background:url(http://www.binnestore.de/bilder/ebay/paradis2kl.jpg);}
a.slidec {background:url(http://www.binnestore.de/bilder/ebay/paradis3kl.jpg);}
a.slided {background:url(http://www.binnestore.de/bilder/ebay/paradis5kl.jpg);}
a.slidee {background:url(http://www.binnestore.de/bilder/ebay/paradis6kl.jpg);}
a.slidef {background:url(http://www.binnestore.de/bilder/ebay/paradis7kl.jpg);}
a.slideg {background:url(http://www.binnestore.de/bilder/ebay/paradis8kl.jpg);}
a.slideh {background:url(http://www.binnestore.de/bilder/ebay/paradis9kl.jpg);}
a.slidei {background:url(http://www.binnestore.de/bilder/ebay/paradis10kl.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
a.gallery:hover span {display:block; position:absolute; width:402px; height:200px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff; z-index:100;}
a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
a.gallery:active, a.gallery:focus {border:1px solid #000;}
a.gallery:active em, a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container h1 {clear:both; padding-top:75px; width:425px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container h1 em {font-size:0.6em; color:#000;}
</style>
<!--[if lte IE 6]>
<style>
#ads {display:none;}
#smallads {display:none;}
#adsie {clear:both; text-align:center; width:750px; margin-top:10px;}
#smalladsie {clear:both; text-align:center; width:468px; margin-top:10px;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<a class="gallery slidea" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis1gr.jpg" alt= title= /></em><span>Bild 1<br />Hauptbild vom paradisionary Frontansicht</span></a>
<a class="gallery slideb" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis2gr.jpg" alt= title= /></em><span>Bild 2<br />Frontansicht Titelangabe</span></a>
<a class="gallery slidec" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis3gr.jpg" alt= title= /></em><span>Bild 3<br />Aufschlagsansicht vorne</span></a>
<a class="gallery slided" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis5gr.jpg" alt= title= /></em><span>Bild 5<br />Jahresangabe von den 5.Auflagen</span></a>
<a class="gallery slidee" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis6gr.jpg" alt= title= /></em><span>Bild 6<br />Ansicht von Inhaltsverzeichnis</span></a>
<a class="gallery slidef" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis7gr.jpg" alt= title= /></em><span>Bild 7<br />Innenansicht seitlich</span></a>
<a class="gallery slideg" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis8gr.jpg" alt= title= /></em><span>Bild 8<br />Frontansicht des paradisionary</span></a>
<a class="gallery slideh" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis9gr.jpg" alt= title= /></em><span>Bild 9<br />Frontansicht des paradisionary</span></a>
<a class="gallery slidei" href="#nogo"><em><img src="http://www.binnestore.de/bilder/ebay/paradis10gr.jpg" alt= title= /></em><span>Bild 10<br />Frontansicht des paradisionary</span></a>
<a class="gallery slidea" href="#nogo"><em><img dynsrc="../Bilder/ebay/videos/paradis.wmv" controls width=400 height=250></em><span>Bild 9<br />Kurzfilm des Artikels</span></a>
<h1 id="subject">Bilder<br /><em>von</em><br />Binnestore</h1>
</div>
Hoffe es kann mir jemand sagen wie ich das Video abbrechen kann.
Danke