Video in Html Seite einbinden

  • #1
F

Farmer_1

Mitglied
Themenersteller
Dabei seit
06.08.2005
Beiträge
7
Reaktionspunkte
0
Hallo Leute, ich möchte mein Videobild über ein iframe zentriert anzeigen lassen, ich bekomme dies einfach nicht gebacken. Wenn darf ich die Datei mal schicken, damit ihr euch das mal ansehen könnt. gtx Farmer
 
  • #2
Schicken ?
Poste einfach den Code hier rein.

Cheers,
Joshua
 
  • #3
Hallo, ja gut, dann hier der Code der Beispielseite.

Code: 
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
[url]http://www.w3.org/TR/html4/loose.dtd>[/url]
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
</head>

<body>
<table width=741 height=124>
 <tr>
  <td width=243> </td>
  <td width=402><iframe src=[url]http://www.seekamp-online.de/livestreams/jaderbergerzoo/flashplayer384_2.htm[/url] width=100% height=500 frameborder=0> </iframe></td>
  <td width=80> </td>
 </tr>
</table>
</body>
</html>
Und hier der Code, der sich in der oberigen Seite öffnen soll.

Code: 
<!-- saved from url=(0022)[url]http://internet.e-mail[/url] -->
<html><head>
<title>Kein Titel</title>
<style type=text/css><!--
/* ViennaSoft CSS Textformate */
.text1 {font-size:10px; font-family:Arial,Verdana,Helvetica;}
.text2 {font-size:10px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text3 {font-size:12px; font-family:Arial,Verdana,Helvetica;}
.text4 {font-size:12px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text5 {font-size:14px; font-family:Arial,Verdana,Helvetica;}
.text6 {font-size:14px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text7 {font-size:20px; font-family:Arial,Verdana,Helvetica;}
.text8 {font-size:20px; font-family:Arial,Verdana,Helvetica;}
.text9 {font-size:24px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text10 {font-size:18px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text11 {font-size:14px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text12 {font-size:12px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text13 {font-size:10px; font-family:Arial,Verdana,Helvetica;}
.text14 {font-size:12px; font-family:Arial,Verdana,Helvetica;}

/* ViennaSoft CSS Linkformate */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}
a:focus {text-decoration:none;}


body {color:#C0C0C0; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-color:#FFFFFF;}
a:link {color:#32B232;}
a:visited {color:#32B232;}
a:active {color:#32B232;}
a:hover {color:#32B232;}
a:focus {color:#32B232;}
--></style>

<script language=javascript type=text/javascript>
<!--
var d = document;
var ns = (navigator.appName.indexOf(Netscape) != -1);

function vs_change_pic(picname,url){document.images[picname].src = url;}
function vs_change_pic_frame(picname,url,framename){parent.frames[framename].document.images[picname].src = url;}

function vs_change_picani(picname,url,ftyp) {
	if (ftyp == -2 || navigator.appName !=->Microsoft Internet Explorer' ){
		document.images[picname].src = url;
	}
	else{
		if (ftyp == -1){
			document.images[picname].filters.blendTrans.Apply();
			document.images[picname].src = url;
			document.images[picname].filters.blendTrans.Play();
		}
		else{
			document.images[picname].filters.revealTrans.Apply();
			document.images[picname].src = url;
			document.images[picname].filters.revealTrans.Play();
		}
	}
}

function vs_change_text(vs_id,vs_text){document.getElementById(vs_id).firstChild.replaceData(0,document.getElementById(vs_id).firstChild.nodeValue.length,vs_text); return;}
function vs_change_text_frame(vs_id,vs_text,framename){parent.frames[framename].document.getElementById(vs_id).
   firstChild.replaceData(0,parent.frames[framename].document.getElementById(vs_id).firstChild.nodeValue.length,vs_text); return;}

function vs_change_textvalue(vs_object,vs_text){vs_object.value=vs_text;}

function vs_visible_layer(vs_id,vs_vis){document.getElementById(vs_id).style.visibility = vs_vis;}
function vs_visible_layer_frame(vs_id,vs_vis,framename){parent.frames[framename].document.getElementById(vs_id).style.visibility = vs_vis;}

function vs_open_window(openbrse, openbrna, openbrop) {
	var windowname = window.open(openbrse,openbrna,openbrop)
	if (windowname){
	if (windowname.focus){
	windowname.focus();}}
	return windowname;
}

function vs_open_url(url,target,options){
	if(url != ) {
	if(target == _blank) {window.open(url)}
	else{ if(target == _self) {location.href=url;}
	else{ if(target == _top) {top.location.href=url;}
	else{ if(target == _parent) {parent.location.href=url;}		
	else{ if(options != ) {
		var windowname = window.open(url, target, options)
		if (windowname){
		if (windowname.focus){
		windowname.focus();}}
		}
	else{ if(target != ) {
		parent.frames[target].location.href=url;}
	else{location.href=url;}}}}}}}
}


function vs_sound(vs_sndaction,vs_sndname){
var A = eval(vs_sndname);
if (A != null){if (vs_sndaction=='stop') A.stop();
else{if (navigator.appName ==->Netscape') A.play();
else{if (document.M == null){
document.M = false; var m;
for(m in A) if (m == ActiveMovie){
document.M = true; break;}}
if (document.M) A.SelectionStart = 0;
if (document.M) A.play();}}}}



function vs_scrollwindow(pixel,target,speed,flags){
	var py = ns ? pageYOffset : d.body.scrollTop;
	var px = ns ? pageXOffset : d.body.scrollLeft;
	if (pixel>0){
		for (i=0; i<=pixel; i=i+speed){
		window.scroll(px,py+i)
		}
	}
	else{
		for (i=0; i>=pixel; i=i-speed){
		window.scroll(px,py+i)
		}
	}
}

//--></script>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1></head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0><!--vs3user388-->


<!--EBENE--><div id=vs_ebene5379 style=position:absolute; left:5px; top:254px; width:390px; height:46px; z-index:0; overflow:visible;>
<!--Benutzer HTML Code--> 
<embed src=video384.swf name=movie quality=high scale=exactfit menu=false
swLiveConnect=true
 bgcolor=#000000 width=391 height=46 
 type=application/x-shockwave-flash
 pluginspage=[url]http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash>[/url]

</div>

<!--EBENE--><div id=vs_ebene5380 style=position:absolute; left:5px; top:4px; width:390px; height:246px; z-index:0; overflow:visible;>
<!--BILD--><img src=bilder/live1.jpg name=bild1 border=0 width=390 height=246 alt=></div>

<!--HTML-Inhalt--><table border=0 align=left cellpadding=0 cellspacing=0>
 <tr>
  <td>
   
   <!-- 1.000.000 Leere und falsch verschachtelte <tr> und <td> Tags entfernt --> 


<SCRIPT LANGUAGE=JavaScript><!--
// ---------------------------------------------------
var PosVideoX = 0; // NULL heißt automatisch zentrieren 
var PosVideoY = 4; // obere Kante des Videos, muß immer angegeben werden
// ---------------------------------------------------
// 484x292 = schwarzer Rand a.2 Pixel um 480iger Video
// ---------------------------------------------------
var VideoBreite = 390; 
var VideoHoehe = 246;
// ---------------------------------------------------
//-->
</SCRIPT>

</td></tr><tr><td height=10></td></tr><tr><td height=10></td><td colspan=4 width=40 rowspan=2>

<!--Benutzer HTML Code--><script language=JavaScript src=[url]http://www.live-dabei.tv/scripte/flashplayer2.js></script>[/url]


</td><td colspan=11 width=110 rowspan=2><p></p></td></tr><tr><td height=10></td></tr></tr></table>
</body>
</html>

Ich bekomme das einfach nicht mittig zentriert. Und unterhalb vom Videobild ist es dann noch hellblau. Isch kann net mehr. Wer kennt sich damit gut aus? Bitte um Hilfe. gtx Farmer


* 1.000.000 Leere und falsch verschachtelte <tr> und <td> Tags entfernt *
* Code-Tags gesetzt *
 
  • #4
Hallo, wie bekommt man das Blau denn in Weiß?
 
  • #5
OK, um die Tabelle zu zentrieren, brauchst du nur => align=center in das Table-Tag einfügen, und schon ist das Geraffel mittig.
D.H. nicht ganz, da du ja eine Leerzelle mit 243px vor dem iFrame hast.

Gehts um was anderes, solltest du deine Frage mal etwas deutlicher beschreiben ;)

Code: 
<table align=center width=741 height=124 class=mainTable>
 <tr>
  <td width=243> </td>
  <td width=402><iframe src=[url]http://www.seekamp-online.de/livestreams/jaderbergerzoo/flashplayer384_2.htm[/url] 
							width=100% 
							height=500 
							frameborder=0></iframe>
	</td>
  <td width=80> </td>
 </tr>
</table>
 
  • #6
  • #7
Hallo Conny, danke Dir für die schnelle Hilfe. Es ist so, das ich nicht genau weiß welchen Link ich in meine Homepage einbauen muss, damit nur das eigentliche Videobild angezeigt wird.

So wie hier, da ist links das Videobild, und rechts sind die Videos von anderen Seiten verlinkt. Und nur das Videobild wird angezeigt.

Den Code den Du hier netterweise modifiziert hast, ist aber noch nicht ok. Zumindest nicht für meine Homepage.

Wenn man mit diesen Code es im Browser anguckt, ist das Videobild noch in einen bläulichen Fenster eingerahmt. Wie bekommt man den ganz weg, oder zumindest in weiss.

Ich möchte diese Videobild in meiner Homepage einbauen, bekomme es aber einfach nicht gebacken, es dort zentriert oder mit weissen Hintergrund eingebaut! *heul*

Wenn ich diesen Code nehme, dann ist es automatisch zentriert, aber der Hintergrund ist leider auch nicht weiss.

Code:
Code: 
<html><head>
<title>Kein Titel</title>
<style type=text/css><!--
/* ViennaSoft CSS Textformate */
.text1 {font-size:10px; font-family:Arial,Verdana,Helvetica;}
.text2 {font-size:10px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text3 {font-size:12px; font-family:Arial,Verdana,Helvetica;}
.text4 {font-size:12px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text5 {font-size:14px; font-family:Arial,Verdana,Helvetica;}
.text6 {font-size:14px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text7 {font-size:20px; font-family:Arial,Verdana,Helvetica;}
.text8 {font-size:20px; font-family:Arial,Verdana,Helvetica;}
.text9 {font-size:24px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text10 {font-size:18px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text11 {font-size:14px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text12 {font-size:12px; font-family:Arial,Verdana,Helvetica; font-weight:bold;}
.text13 {font-size:10px; font-family:Arial,Verdana,Helvetica;}
.text14 {font-size:12px; font-family:Arial,Verdana,Helvetica;}

/* ViennaSoft CSS Linkformate */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}
a:focus {text-decoration:none;}


body {color:#C0C0C0; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-color:#FFFFFF;}
a:link {color:#32B232;}
a:visited {color:#32B232;}
a:active {color:#32B232;}
a:hover {color:#32B232;}
a:focus {color:#32B232;}
--></style>

<script language=javascript type=text/javascript>
<!--
var d = document;
var ns = (navigator.appName.indexOf(Netscape) != -1);

function vs_change_pic(picname,url){document.images[picname].src = url;}
function vs_change_pic_frame(picname,url,framename){parent.frames[framename].document.images[picname].src = url;}

function vs_change_picani(picname,url,ftyp) {
	if (ftyp == -2 || navigator.appName !=->Microsoft Internet Explorer' ){
		document.images[picname].src = url;
	}
	else{
		if (ftyp == -1){
			document.images[picname].filters.blendTrans.Apply();
			document.images[picname].src = url;
			document.images[picname].filters.blendTrans.Play();
		}
		else{
			document.images[picname].filters.revealTrans.Apply();
			document.images[picname].src = url;
			document.images[picname].filters.revealTrans.Play();
		}
	}
}

function vs_change_text(vs_id,vs_text){document.getElementById(vs_id).firstChild.replaceData(0,document.getElementById(vs_id).firstChild.nodeValue.length,vs_text); return;}
function vs_change_text_frame(vs_id,vs_text,framename){parent.frames[framename].document.getElementById(vs_id).firstChild.
replaceData(0,parent.frames[framename].document.getElementById(vs_id).firstChild.nodeValue.length,vs_text); return;}

function vs_change_textvalue(vs_object,vs_text){vs_object.value=vs_text;}

function vs_visible_layer(vs_id,vs_vis){document.getElementById(vs_id).style.visibility = vs_vis;}
function vs_visible_layer_frame(vs_id,vs_vis,framename){parent.frames[framename].document.getElementById(vs_id).style.visibility = vs_vis;}

function vs_open_window(openbrse, openbrna, openbrop) {
	var windowname = window.open(openbrse,openbrna,openbrop)
	if (windowname){
	if (windowname.focus){
	windowname.focus();}}
	return windowname;
}

function vs_open_url(url,target,options){
	if(url != ) {
	if(target == _blank) {window.open(url)}
	else{ if(target == _self) {location.href=url;}
	else{ if(target == _top) {top.location.href=url;}
	else{ if(target == _parent) {parent.location.href=url;}		
	else{ if(options != ) {
		var windowname = window.open(url, target, options)
		if (windowname){
		if (windowname.focus){
		windowname.focus();}}
		}
	else{ if(target != ) {
		parent.frames[target].location.href=url;}
	else{location.href=url;}}}}}}}
}


function vs_sound(vs_sndaction,vs_sndname){
var A = eval(vs_sndname);
if (A != null){if (vs_sndaction=='stop') A.stop();
else{if (navigator.appName ==->Netscape') A.play();
else{if (document.M == null){
document.M = false; var m;
for(m in A) if (m == ActiveMovie){
document.M = true; break;}}
if (document.M) A.SelectionStart = 0;
if (document.M) A.play();}}}}



function vs_scrollwindow(pixel,target,speed,flags){
	var py = ns ? pageYOffset : d.body.scrollTop;
	var px = ns ? pageXOffset : d.body.scrollLeft;
	if (pixel>0){
		for (i=0; i<=pixel; i=i+speed){
		window.scroll(px,py+i)
		}
	}
	else{
		for (i=0; i>=pixel; i=i-speed){
		window.scroll(px,py+i)
		}
	}
}

//--></script>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1></head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0><!--vs3user388-->


<!--HTML-Inhalt--><center><table border=0 cellpadding=0 cellspacing=0><tr><td width=1><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td><td width=10><p></p></td></tr><tr><td height=10></td><td colspan=39 width=390 rowspan=4><p></p></td></tr><tr><td height=10></td></tr><tr><td height=10></td></tr><tr><td height=10></td></tr><tr><td height=10></td><td colspan=39 width=390 rowspan=30>

<!--Benutzer HTML Code--><iframe name=f1 src=flashplayer384_2.htm width=400 height=304 scrolling=no frameborder=0></iframe>
</td></tr><tr><td height=10></td></tr><tr><td height=10></td></tr><tr><td height=10></td></tr><tr><td height=10></td>
</tr><tr><td height=10></td></tr><tr><td height=10></td></tr><tr><td height=10></td></tr><tr><td height=10></td></tr></tr></table></center>
</body>
</html>

Das Video soll später hier zu sehen sein:


Muss ich dann über ein iframe einbinden, nur wenn ich es so mit den obigen Code einbinde, ist es mit diesen Code zwar mittig, aber der Hintergrund ist nicht in weiss.

Der Hersteller der Videoliveseite, sagte ich müsse die flashplayer384_2.htm nehmen, da die flashplayer.htm nur eine Beispielseite sei.

Nun es wäre toll, wenn Du mir da helfen könntest.

gtx Farmer (bin erst Neuling in html, aber ich versuche zu kämpfen ;o) )
 
  • #8
Versuchs mal so:

Code: 
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
[url]http://www.w3.org/TR/html4/loose.dtd>[/url]
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<style type=text/css>
<!--
body,td,th {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
}
.Stil1 {
	font-size: 14px;
	font-family: Times New Roman, Times, serif;
}
body {
	background-color: #CCCCCC;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
}
.Stil3 {font-size: 24px; font-family: Times New Roman, Times, serif; }
.Stil4 {font-size: 14px}
iframe { 
	text-align:center; 
	background-color:#FFFFFF;
	height:305px; 
	width:400px;
	padding:0px;
	margin:0px;
}
-->
</style>
</head>
<body>
<table width=699 border=0 align=center cellpadding=0 cellspacing=0>
 <tr>
  <td colspan=3><img src=Bilder/logowebsite69990_Frame.JPG width=699 height=90></td>
 </tr>
 <tr valign=middle bordercolor=#000000 bgcolor=#FFFF66>
  <td height=25 colspan=3 bgcolor=#FFFF00><div align=center><span class=Stil4><a href=index.htm>Start</a> <a href=news.htm>News </a><a href=landtechnikfilme.htm>Landtechnikflilme </a><a href=[url]http://www.usebb.de/cgi-bin/shop/shops/s000139/index.cgi>Shop[/url] </a><a href=bilder.htm> Bilder</a> <a href=links.htm>Links</a> <a href=livefilme.htm>Livefilme </a><a href=gaestebuch.htm> Gästebuch</a> <a href=kontakt.htm>Kontakt</a> <a href=impressum.htm>Impressum</a></span></div>
   <div align=center> </div></td>
 </tr>
 <tr>
 <tr>
  <td colspan=3 valign=top><p>
   <table width=100% border=0 align=center cellpadding=0 cellspacing=0 bordercolor=#FFFFFF>
    <tr>
     <td width=78% height=483 bordercolor=1><table width=100% height=527 border=1 cellpadding=0 cellspacing=0 bordercolor=#000000>
       <tr>
        <td valign=top align=center bordercolor=#FFFFFF bgcolor=#FFFFFF><blockquote>
          <h1><br>
           <span class=Stil3>Livefilme</span> </h1>
          <hr noshade>
					<iframe name=f1 src=[url]http://www.seekamp-online.de/livestreams/jaderbergerzoo/flashplayer384_2.htm[/url] scrolling=no frameborder=0></iframe>
         </blockquote></td>
       </tr>
      </table>
     <td width=2% bordercolor=1><table width=107% height=527 border=0 cellpadding=0 cellspacing=0>
       <tr>
        <td bordercolor=#CCCCCC bgcolor=#CCCCCC></td>
       </tr>
      </table>
     <td valign=top width=20% bordercolor=1><table width=100% height=527 border=1 cellpadding=0 cellspacing=0 bordercolor=#000000>
       <tr>
        <td valign=top bordercolor=#FFFFFF bgcolor=#FFFFFF><h1 align=center class=Stil4><u><strong><br>
          <br>
          Kontakt </strong></u></h1>
         <p align=center>Henning Seekamp ju. <br>
          Höfeweg 17 </p>
         <p align=center>26931 Elsfleth </p>
         <p align=center>» <a href=mailto:[email protected]>Email </a></p>
         <p align=center>Update den<br>
          31/07/05<br>
          <br>
          <br>
         </p>
         <p align=center class=Stil4><strong><u>Surfbefehl</u> </strong></p>
         <p align=center>» <a href=[url]http://www.modell-trecker.de/>Model[/url] Trecker</a></p>
         <p align=center>» <a href=[url]http://www.agrartechnik-im-einsatz.de/>Agrartechnik</a></p>[/url]
         <p align=center>» <a href=[url]http://www.usebb.de/cgi-bin/shop/shops/s000139/index.cgi>Mein[/url] Shop </a></p>
         <p align=center>»Ihre Werbung<a href=[url]http://www.babyblaue-seiten.de></a></p>[/url]
         <p align=center>» <a href=[url]http://www.lkwplanen.de.vu>LKW[/url] PLanen</a></p></td>
       </tr>
      </table>
    </tr>
   </table>
 </tr>
</table>
</body>
</html>

bleibt zwar noch ein kleiner Rand, aber besser als nix ;)
 
Thema:

Video in Html Seite einbinden

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.840
Beiträge
707.963
Mitglieder
51.494
Neuestes Mitglied
Flensburg45
Oben