IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
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í.

Diskuze: HTML5 rotace videa

Aktivity
Avatar
Vítězslav Škrabal
Člen
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.