Hilfe bei Video (Einfügen)

[Mr.Zoey]

So etwa habe ich mir das gedacht gerade einfügen kann ich aber leider nicht so
wie das auf den bild mit liebe eingezeichnet worden ist.

Danke schon mal ^^

[Mikesch01]

Hi,

es ist zwar möglich mittels CSS3 ein Element zu drehen, aber ich würde dir bei einem Video sowieso davon abraten, da kein Mensch gerne im 45° Winkel ein Video anschaut. Zudem ist es nicht in jedem Browser Standard.

Aber dennoch, da du Interesse hast:

[Mr.Zoey]

Vielen Dank
Hättest du eine idee wie ich das video unterbringen könnte ?

[Mikesch01]

CSS

body {
  position: relative;
}

#videoTransform {
  -moz-transform:rotation(45deg);
  -webkit-transform:rotation(45deg);  
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -transform:rotate(45deg);
  
  position: absolute;
  top: 50px; // xx Pixel von oben - ändern!
  right: 50px; // xx Pixel von rechts - ändern!
  width: 300px; //ändern!
  height: 80px; //ändern!
}

HTML

<div id="videoTransform">
...video...
</div>

Das wäre mein Vorschlag, ist aber ungetestet.

[Mr.Zoey]

Funktioniert bei mir nicht

[PseudoPsycho]

Originally Posted by Mikesch01

Das wäre mein Vorschlag, ist aber ungetestet.

Kleine Anmerkung:
Statt -transform (also ohne Präfix) nur transform.

[Mikesch01]

Originally Posted by Mr.Zoey

Funktioniert bei mir nicht

Welchen Browser benutzt du?

Kannst du das vllt uploaden und uns den Link zeigen?

[Mr.Zoey]

Benutze Google Chrome sollte aber für jeden Browser gehen

[3lue]

Originally Posted by Mr.Zoey

Benutze Google Chrome sollte aber für jeden Browser gehen

CSS3 ist sehr experimentell und wird nur von den neusten Versionen der aktuellen Browsern unterstützt (und das nicht mal perfekt! )