NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
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 – video - Český HTML 5 manuál

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Amomym
Člen
Avatar
Amomym:13.3.2013 18:29

a jak se mění desingt přehrávače, jako jak se tam přidají funkce, třeba nastavení kvality, zvětšení obrazu (full screen)?

 
Odpovědět
13.3.2013 18:29
Avatar
Odpovídá na Amomym
Drahomír Hanák:13.3.2013 18:35

Fullscreen se nastaví JavaScriptem. Nastavení kvality si musíš taky doprogramovat v JavaScriptu a nejspíš video v jiné kvalitě i sám generovat. Ten fullscreen je jednoduchý(viz. kód dole ze StackOwerflow - http://stackoverflow.com/…5760/1073673). S tou kvalitou hodně štěstí ;)

function requestFullScreen(element) {
    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);

EDIT:
Délka videa: videoElement.du­ration; // v sekundách

console.log( $('video').get(0).duration );

Aktuální čas přehrávání: videoElement.cu­rrentTime // v sekundách

console.log( $('video').get(0).duration );

Tady funguje i setter. Když nastavíš videoElement.cu­rrentTime = 10, přesuneš se na 10. sekundu videa.

Editováno 13.3.2013 18:39
 
Odpovědět
13.3.2013 18:35
Avatar
Amomym
Člen
Avatar
Amomym:13.3.2013 18:35

a ještě, jak je video dlouhé a kolik už je přehráté

 
Odpovědět
13.3.2013 18:35
Avatar
Amomym
Člen
Avatar
Amomym:22.3.2013 12:51

a jak se udělá to, aby když bych si chtěl dát na web video z YouTube a ukázalo se mi tam okno a abych to mohl přehrát, jak to udělat?

 
Odpovědět
22.3.2013 12:51
Avatar
matesax
Tvůrce
Avatar
Odpovídá na Amomym
matesax:22.3.2013 13:15

Embed link dává Youtube standardně... (U každého videa.)

 
Odpovědět
22.3.2013 13:15
Avatar
Radim
Člen
Avatar
Odpovídá na Amomym
Radim:17.6.2013 13:03

Element audio a asi i video mají vlastnost duration, která ti ukazuje dobu obsahu v secundách.
Takže budeš mít třeba <video id="prehravac"> a v javascriptu si pristoupíš k celkovému času
var prehravac = document.getE­lementById("preh­ravac");
alert(prehravac­.duration);
doba už odehrána prehravac.curren­tTime
pokud budeš chtít zvlášť minuty a secundy, tak secundy dostaneš, že si prehravac.duration podělíš modulo 60
a minuty tak, že duration podělíš 60 a pak modulo 60.
Samozřejmě se zaokrouhlením. Možná je jiný způsob ale mě to takhle fungovalo.

 
Odpovědět
17.6.2013 13:03
Avatar
Zdeněk Pavlátka:3.10.2013 21:34

K tagu <video> se moc nehodí to porovnání formátů zvuku u nároků na datový provoz.

Odpovědět
3.10.2013 21:34
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
charlesvohlidka:17.5.2014 22:46

když na svůj web vložím tento kod: <iframe width="640" height="360" src="//www.youtube-nocookie.com/em­bed/M0y2z4Qbdic?lis­t=PLdb1pJ03OyL0fWwh8REP­xrFBHGLsYPlp6" frameborder="0" allowfullscre­en></iframe>

tak se mi tam to video ani neukáže a je tam prázdno jenom bílo ale když tak vložím tento

<iframe width="480" height="390" style="display: block; margin-left: auto; margin-right: auto;" src="http://w­ww.youtube.com/em­bed/WbDkUt_aC1c" frameborder="0" allowfullscre­en=""></iframe>

tak vše funguje nevíte kde je problém ?

 
Odpovědět
17.5.2014 22:46
Avatar
Odpovídá na charlesvohlidka
charlesvohlidka:18.5.2014 2:36

Problém jsem vyřešil :)

iframe width="600" height="335" src="http://www.youtube.com/embed/5b8JYeApQBU" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
 
Odpovědět
18.5.2014 2:36
Avatar
Patrik Neumann:29.11.2014 20:28

Ahoj, mám problém s videem, když ho pomocí tohoto kódu vložím na stránku, tak se neukáže video, a když přidám obrázek, je vidět pouze ten obrázek, musí to mít nějakou určitou příponu (.wmv, .avi, apod.) nebo to je něčím jiným? Předem děkuji za odpověď

Odpovědět
29.11.2014 20:28
Nic není nemožné, proto se snažím dál.
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 10 zpráv z 13.