Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Vítězslav Škrabal:22.12.2021 20:06

Natočil jsem si na mobil jednu rodinou událost bohužel na ležato místo na stojato po umístění na moje stránky jsem zjistil že to video je na bok

!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML5 Video Player</title>
    <style>
        body {
                font-family: sans-serif;
                border: 0;
                margin: 0;
                padding: 0;
        }
        header {
                text-align: center;
        }
        #player {
                display: table;
                width: 100%;
                padding: 4px;
        }
        #player > div {
                display: table-cell;
                vertical-align: top;
        }
    </style>
</head>
<body>
    <header>
        <h1>Přehrávač videa v HTML5</h1>
    </header>
    <section id="player">
        <div>
                <!-- Sem bude umístěno video -->
     <video src="[Vaše video].mp4" controls width="640" height="360">
Váš prohlížeč nepodporuje prvek <video> – soubor si stáhněte <a href="[Vaše video].mp4">odsud</a>.
</video>
        </div>
    </section>
</body>
</html>

nemá tento prohlížeč HTML5 nějaké atributy ve kterých bych mohl otočit to video na správnou orientaci ? správně to funguje jen v prohlížeči FF ale musím počítat s tím že moji známí mají EDGE díky

Zkusil jsem: pátral jsem po internetu

Chci docílit: správné orientace

 
Odpovědět
22.12.2021 20:06
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:23.12.2021 9:10

Co jsi nasel googlem? Ja jen, ze by to bylo rychlejsi nez cekat na odpoved treba mesic...
google = orientace videa html 5 player firefox chrome
google = html5 rotace videa
https://zdrojak.cz/…-pomoci-css/

video{
  -moz-transform:rotate(20deg);
  -webkit-transform:rotate(20deg);
  -o-transform:rotate(20deg);
  -ms-transform:rotate(20deg);
  transform:rotate(20deg);
}
 
Nahoru Odpovědět
23.12.2021 9:10
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.