Hilfe bei Video (Einfügen)

04/07/2013 16:45 Mr.Zoey#1
[Only registered and activated users can see links. Click Here To Register...]

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 ^^
04/07/2013 17:26 Mikesch01#2
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: [Only registered and activated users can see links. Click Here To Register...]
04/07/2013 17:33 Mr.Zoey#3
Vielen Dank :)
Hättest du eine idee wie ich das video unterbringen könnte ?
04/07/2013 18:35 Mikesch01#4
CSS
Code:
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
HTML Code:
<div id="videoTransform">
...video...
</div>
Das wäre mein Vorschlag, ist aber ungetestet.
04/07/2013 19:01 Mr.Zoey#5
Funktioniert bei mir nicht :(
04/07/2013 20:27 PseudoPsycho#6
Quote:
Originally Posted by Mikesch01 View Post
Das wäre mein Vorschlag, ist aber ungetestet.
Kleine Anmerkung:
Statt -transform (also ohne Präfix) nur transform.
04/07/2013 20:35 Mikesch01#7
Quote:
Originally Posted by Mr.Zoey View Post
Funktioniert bei mir nicht :(
Welchen Browser benutzt du?

Kannst du das vllt uploaden und uns den Link zeigen?
04/07/2013 20:37 Mr.Zoey#8
Benutze Google Chrome sollte aber für jeden Browser gehen :)
04/08/2013 00:03 3lue#9
Quote:
Originally Posted by Mr.Zoey View Post
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! ;))