nicht angemeldet
video einbinden
0 Video einbinden
0
video einbinden
habe dieses css photo album bekommen, welches meiner meinung nach auf sehr simple weise photos darstellt. auch die größenveränderung auf 640 px ist problemlos möglich.
leider weiß ich nicht, wie ich anstelle eines bildes ein video (*.wmv) zeigen kann. bekomme das einfach nicht eingebunden. kann mir jemand helfen?
______________________________________________
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Stu Nicholls | CSSplay | A simple CSS photo-album</title>
<meta name="Author" content="Stu Nicholls" />
<meta name="Keywords" content="cssplay, css, play, Cascading, Style, Sheets, opacity, layouts, navigation, menus, experiments,demonstrations, photo, photograph, gallery, slide, slideshow, picture, drop, down, pull, up, fly, out, free" />
<meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS" />
<meta name="verify-v1" content="n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y=" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="meta" href="http://www.cssplay.co.uk/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0) gen true for "http://www.cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0))' />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.cssplay.co.uk/feed.xml" />
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<link rel="icon" href="../favicon.ico" type="image/ico" />
<link rel="stylesheet" media="all" type="text/css" href="../css/css_play.css" />
<link rel="stylesheet" media="all" type="text/css" href="../css/demos.css" />
<style type="text/css">
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:320px;
height:360px;
background:#eee url(gallery/deer.jpg) 0 40px no-repeat;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0;
margin:320px 0 0 0;
list-style-type:none;
position:relative;
width:320px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left;
text-decoration:none;
color:#000;
background:#fff;
text-align:center;
width:26px;
height:26px;
line-height:24px;
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute;
top:-320px;
left:0;
visibility:hidden;
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444;
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
</style>
</head>
<div id="album">
<ul class="gallery">
<li><a href="#nogo">01<img class="landscape" src="gallery/landscape_1.jpg" alt="landscape image 1" title="landscape image 1" /></a></li>
<li><a href="#nogo">02<img class="landscape" src="gallery/landscape_2.jpg" alt="landscape image 2" title="landscape image 2" /></a></li>
<li><a href="#nogo">03<img class="portrait" src="gallery/portrait_1.jpg" alt="portrait image 1" title="portrait image 1" /></a></li>
<li><a href="#nogo">04<img class="portrait" src="gallery/portrait_2.jpg" alt="portrait image 2" title="portrait image 2" /></a></li>
<li><a href="#nogo">05<img class="landscape" src="gallery/landscape_3.jpg" alt="landscape image 3" title="landscape image 3" /></a></li>
<li><a href="#nogo">06<img class="portrait" src="gallery/portrait_3.jpg" alt="portrait image 3" title="portrait image 3" /></a></li>
<li><a href="#nogo">07<img class="landscape" src="gallery/landscape_4.jpg" alt="landscape image 4" title="landscape image 4" /></a></li>
<li><a href="#nogo">08<img class="landscape" src="gallery/landscape_5.jpg" alt="landscape image 5" title="landscape image 5" /></a></li>
<li><a href="#nogo">09<img class="portrait" src="gallery/portrait_4.jpg" alt="portrait image 4" title="portrait image 4" /></a></li>
<li><a href="#nogo">10<img class="portrait" src="gallery/portrait_5.jpg" alt="portrait image 5" title="portrait image 5" /></a></li>
</ul>
</div>
-
Hallo loewe,
leider weiß ich nicht, wie ich anstelle eines bildes ein video (*.wmv) zeigen kann. bekomme das einfach nicht eingebunden. kann mir jemand helfen?
der Abschnitt über Multimedia könnte dir weiter helfen.
Mit freundlichen Grüßen,
André-
Hallo loewe,
leider weiß ich nicht, wie ich anstelle eines bildes ein video (*.wmv) zeigen kann. bekomme das einfach nicht eingebunden. kann mir jemand helfen?
der Abschnitt über Multimedia könnte dir weiter helfen.
Mit freundlichen Grüßen,
Andréalso wie ich das video einbinde weiß ich. aber es startet immer automatisch und nicht wie die fotos auf "knopfdruck" deswegen habe ich euch ja auch das css "programm" angehängt. möchte dass wenn ich auf knopf Nr. "9" das video spielt. so als ob ich da ein foto anschauen möchte!
-
Hallo loewe,
leider weiß ich nicht, wie ich anstelle eines bildes ein video (*.wmv) zeigen kann. bekomme das einfach nicht eingebunden. kann mir jemand helfen?
der Abschnitt über Multimedia könnte dir weiter helfen.
Mit freundlichen Grüßen,
Andréalso wie ich das video einbinde weiß ich. aber es startet immer automatisch und nicht wie die fotos auf "knopfdruck" deswegen habe ich euch ja auch das css "programm" angehängt. möchte dass wenn ich auf knopf Nr. "9" das video spielt. so als ob ich da ein foto anschauen möchte!
wenn das was ich vorhabe in einem programm nicht möglich ist, sagt bitte bescheid!
-
-
-
Hallo!
http://de.selfhtml.org/navigation/html.htm#multimedia bitte sorgfältig lesen!
Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes
