Der Wahre
Hallo,
ich habe eine Grafik (einen Fernseher) erstellt und würde nun ein Video, das ich auf meinen Server hochgeladen habe irgendwie genau in dem Fernsehbildschirm anzeigen lassen, sodass es so aussieht, als liefe das in dem Fernseher ab.
Weiss einer von euch, wie ich das hinbekomme?
Danke dafür.
Biggi
Das kann man auf verschiedene Weise bewerkstelligen.
Kommt auf deine Fähigkeiten an.
Eine Möglichkeit wäre Flash, wie es auf
http://www.freerainer.de gemacht ist.
Eine andere Möglichkeit ist, daß du mit div-Layern und dem z-index im CSS arbeitest.
Sprich du positionierst die Ebene mit dem Bild vom Fernseher genau unter der Ebene mit dem Video.
Jedenfalls verschiebe ich deinen Thread mal in den Coding-Bereich.
derkleene
Ich habe sowas schon mal letzten für jemanden gemacht,
allerdings wird kein Video angezeigt sondern eine flasdatei.....
ist zwar vielleich nicht 100% sauber erstellt, aber es erfüllt seinen Zweck....
so sieht das aus:
http://hopfenschlodel.de/derkleene/test.html
und der Quelltext:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="author" content="">
<title>Fernseh Flash</title>
</head>
<style type="text/css">
#flash {
background-color: #FFF000;
position:absolute;
margin-left:285px;
margin-top: 100px;
width: 430px;
height: 240px;
}
#fernseh {
background-image: url(fernseh.bmp);
position:absolute;
margin-left:153px;
margin-top: 0px;
width: 693px;
height: 500px;
}
</style>
<body>
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="240" width="430">
<param name="movie" value="hestekor.swf">
<param name="menu" value="false">
<embed src="hestekor.swf" pluginspage="\"http://www.macromedia.com/go/getflashplayer\"" type="\"application/x-shockwave-flash\"" height="240" width="430">
</object>
</div>
<div id="fernseh">
</div>
</body>
</html> |
|
vielleicht hilft dir das ja was weiter.....
Der Wahre
Huhu,
japp danke dir, damit hat's geklappt.
