HTML5 Frage

[BluE[Y]am]

Hey gibt ja in HTML5 den neuen Audio / Video Player ohne Flash.
Habe einen Audio Player eingebunden und meine Frage ist ob es eine Möglichkeit gibt den Player unsichtbar machen. Er soll sich aber trotzdem noch abspielen und wiederholen wie es im moment der Fall ist.

[NotEnoughForYou]

Code? Hab das zwar nie probiert, aber gib mal dem Element einfach ein display:none; und den autoplay halt auf true

[Zettabytes*]

Originally Posted by NotEnoughForYou

Code? Hab das zwar nie probiert, aber gib mal dem Element einfach ein display:none; und den autoplay halt auf true

Bin ich der gleichen Meinung. Dürfte fast kein Unterschied zu normalen HTML geben.

Und wenn es doch nicht funktionieren sollte dann google.

[BluE[Y]am]

<audio controls="controls" autoplay="autoplay" loop="loop" visibility="hidden"; >
<source src="Langlanglang.ogg" type="audio/ogg" />
<source src="Langlanglang.mp3" type="audio/mpeg" />

Sorry - Ihre Browser hat keine Unterstützung für dieses Audio-Format.
</audio>

Das ist mein code mit dem Display:none; klappt nicht und hatte ebend auch mal was mit Display:none; und noch irgendwas anderes da war der Player weg aber er soll ja im hintergrund laufen ... also will ich das autoplay ja nicht weghaben .

[.Acu³]

Dann kannst du es entweder per CSS transparent machen

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

oder du schiebst es nach ganz oben und setzt es in den hintergrund, musst halt mit z-index die anderen Elemente darüber positionieren.

.test {
z-index:0; position:absolute; top: 0;
}

Oder du kombinierst beides, also ein transparenter Player der im Hintergrund ist

[Zettabytes*]

Du kannst auch einfach Autoplay einstellen und den Player einfach nach oben links oder woanders verschieben. Ist zwar nicht validate like. Aber sollte funktionieren. Und wie schon gesagt es gibt auch die Möglichkeit per CSS visibity auf 0% zu stellen. Oder suchst dir den passenden CSS3 Befehl.

[BluE[Y]am]

habs hingerkiegt habe einfach die control aus dem audio code entfernt danke euch allen trotzdem für die hilfe das ergebnis seht ihr in meiner signatur D

[Biboja]

Oder du schreibst ein script.. z.b. wenn du iwo ein "soundbutton" hast dann mit onclick()

[BluE[Y]am]

Habt alle nen THX bitte Thema Closen!