Hallo, ich probiere hier schon ewig rum:
Wenn @media portrait zutrifft, soll das mp4 auf 150% hochskaliert werden, um größer im hochformat abgebildet zu werden...also um das video im hochformat eines smartphones größer zu zeigen...was aber mit sich bringt, dass ich über die breite des smartphones hinausschiesse und dann unelegant das video via touch nach rechts bewegen kann.
wie kann ich das video croppen, damit ich nicht breiter als die screenbreite werde?
ist das verständlich erklärt? etwas kompliziert
so sieht das css aus...weiter unter der @media bereich um den es geht:
Code:
.video-responsive {
padding-bottom: 56.25%;
position: relative;
max-width: 100%;
}
.canvas,
.video {
height: 100%;
width: 100%;
position: absolute;
top: -20px;
background: #fd3333;
z-index: 5;
}
#over_video{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
top: 0;
z-index: 10;
color: #FFF;
margin-top: 25%;
}
@media screen and (orientation: portrait) {
.canvas,
.video {
height: 150%;
width: 150%;
margin-left: -25%;
margin-right: -25%;
position: absolute;
background: #fd3333;
z-index: 5;
}}
vielen Dank für eure bemühungen
jan