Jak zařídit aby náhled měl jinou velikost než video?

Dá se nějak zařídit, aby náhled měl jinou velikost než po kliknutí přehrávané <video>?

Keeehi:
Díky. Čili jen nějakou "fintou" v html to nejde a musí se to udělat javascriptem?
To video má pak být větší (náhled v obrázku menší než video). Myslíš to tak, že do odkazu obrázku dát spuštění funkce, která obrázek odstraní, místo něj vloží video, kterému nastavím automatické přehrávání?
Jak se pak ale, po ukončení přehrávání videa, to video odstraní a vrátí tam ten obrázek? Nebo to celé chápu úplně špatně?

Keeehi:
Díky za odpověď. Odstranit video bych uměl - nevím ale jak se "dostat k lizu" poté, co to video dohraje. Čili kód, kterým to video odstraním, bych napsat zřejmě uměl, nevím ale jak zařídit, aby se v pravý okamžik (tzn. po skončení přehrávání videa) spustil.

Keeehi:
... ještě doplňuji, že jsem si tu funkčnost představoval nějak zhruba takto:
- po načtení stránky se zobrazuje malý náhled (to umím).
- po kliknutí na ten náhled se náhled odstraní, vloží se video, které se začne přehrávat (to bych snad také měl umět).
- pokud uživatel klikne na pauzu, video se jen pauzne a nic dalšího se neděje
- pokud uživatel video vypne (tzn. ne jen pauzne, ale zcela zruší jeho přehrávání) nebo se video přehraje celé, vrátí se tam ten náhled (to neumím, resp. neumím odchytnout tu událost, že video bylo vypnuto nebo že dohrálo).

Narazil jsem ještě na jeden problém s tagem <video> - mohl byste mi prosím někdo poradit?
Jak přinutit Chrome, aby reagoval na autoplay? IE začne v pohodě po načtení stránky přehrávat, Chrome ne. Dá se ho k tomu nějak přimět?

Keeehi:
Díky. Jasně, autoplay si buď uživatel povolí nebo mám smůlu (tedy snad jsem pochopil dobře, že z důvodu ochrany uživatele neexistuje metoda jak mu to zapnutí "vnutit").
K tomu odchytávání událostí - obávám se, že jsem zase (stejně jako u toho přehrávání víc videí najednou - nevím, jestli jsi to zaregistroval, ale to téma bylo přesunuto do sekce javascript) - že jsem tedy zase narazil na to, že se mi zatím nepodařilo proniknout do specifik javascriptu (mám zkušenosti s c++ a připadá mi, že některé javascriptové "finty" jsou naprosto nepochopitelné). Neporadil bys mi prosím ještě něco, co by mě trochu "nakoplo" k pochopení těch pro mě nepochopitelných specifik (v tomhle konkrétním případě jak pracovat s událostmi) javascriptu? Díky.

Keeehi:
Díky, zkusím se tím příští týden trochu "prokousat" a snad se posunu o kus dál...
Mimochodem - zjistil jsem, že Chrome, pokud tomu autoplay videu zamutuju zvuk, to video spustí - čili zdá se, že pro spuštění videa bez zvuku uživatelskou interakci nevyžaduje - vyžaduje ji jen pro samotné puštění zvuku. Což mi naprosto stačí.

Keeehi:
Díky. Neporadil bys mi prosím ještě s těmito dvěmi věcmi? :
- Existuje v javascriptu nějaká funkce, která by zjistila zda prohlížeč podporuje nebo nepodporuje určitou vlastnost? Konkrétně mi jde o tag <video>. Jde mi ale o funkci, která by vrátila true / false podle toho, zda ten tag v určitém prohlížeči funguje nebo ne, nikoli o zobrazení alternativního obsahu při použití toho tagu.
- A druhá věc: Naivně jsem se domníval, že když v tagu img funguje style="border-color:#FFFFFF" border="2", bude to fungovat i v tagu video. Proč to tam nefunguje, resp. dá se i videu nějak zadat rámeček?

Keeehi:
Díky moc, obě věci fungují přesně jak potřebuju.
Poradil bys mi prosím ještě s následujícím? Je korektní toto? :
Zdá se, že to funguje, ale začínám být trochu "předstrašený" tím, jak vždycky něco vyzkouším, ono se zdá, že to funguje - a pak zjistím, že to funguje jen nějakou de facto náhodou - tzn. jen zrovna v tom prohlížeči, ve kterém jsem to vyzkoušel a v jiných to nefunguje. Tzn. ptám se zřejmě na to, zda se ta šířka v té proměnné korektně přetypuje na "300"? - snad ano - našel jsem si zde Proměnné, že se v javascriptu proměnné přetypovávají automaticky... Čili ten výše uvedený příklad by měl fungovat bezpečně?... Ale dá se spolehnout i na to, že se korektně přetypuje i dopočtené číslo, které není celé? Tzn. když do něčeho, co např. přepokládá počet pixelů, přiřadím např. 179.364454456464764, které jsem předtím dopočetl? - zkoušel jsem to, jak jsem zvyklý z céčka, přetypovávat pomocí (int), ale to nefunguje vůbec... mohu se opravdu (v případě přetypovávání) spolehnout na to, že "nic se nepřetypovává a vše funguje"?

Keeehi:
Díky moc, už mi to snad začíná být trochu jasnější.
(To "300" v přirazení té html vlastnosti není řetězec, ale int, který ale je zadán v uvozovkách kvůli synaxi html, ne kvůli tomu, že by to byl řetězec, chápu to tak snad správně, že jo...)

Jinak co se týče toho zda prohlížeč podporuje nebo nepodporuje určitou vlastnost - nakonec jsem ještě zjistil, že ta funkce, na kterou jsi napsal v [#14] odkaz, mi v IE8 nefunguje. V tom odkazu píšou, že místo HTMLUnknownElement IE8 a nižší používají HTMLGenericElement. Řekl bych ale, že to není pravda - má zkušenost je, že IE8 na jakýkoli element (tzn. takový, který určitě zná nebo i takový, který určitě nezná) vrací vždy jen [object Object] a nic jiného, čili ta testovací funkce mi pak v IE8 vrací, že je podporován úplně KAŽDÝ tag - vůbec to Object.prototype.toString.call(element) nereaguje na to, z jakého tagu ten element vzniknul. Protože jsem ale chtěl mít jistotu, že když mi ta funkce vrátí, že tag je podporován, tak aby skutečně BYL podporován (a oželím holt to, že to třeba jen neumí zjistit, ale třeba ho i podporuje - a já se k tomu v tomto případě holt budu chovat jako kdyby ho nepodporoval) - upravil jsem si ten kód takto (a tam, kde se potřebuji rozhodnout zda prohlížeč nějaký tag zná nebo nezná se tedy teď rozhoduji podle funkce JeElementPodporovanAZarovenToUmisZjistit) :


Jo a jen ještě malá drobnost - to !== v tom původním kódu z toho odkazu jsem nahradil !=
- předpokládám, že je jedno co použiju, že jo (tzn. že negace rovná se je to samé co nerovná se).

Keeehi:
Díky, to o tom === a !== jsem vůbec netušil - před tím, než jsem vznesl ten dotaz, jsem se díval sem [ Operátory] a nic takového jsem tam nenašel - dokonce jsem měl i trochu černé svědomí, že votravuju s dost jasnou věcí - a ono se nakonec ukázalo, že jsem narazil na něco, o čem jsem neměl vůbec potuchy... můj problém zřejmě je, že jsem doteď měl zkušenost jen z jazyky s typovou kontrolou...

Ještě večer otestuju zda náhodou ta původní funkce (z toho odkazu) na test toho, zda je tag podporován, třeba nezafunguje i v tom IE8... (i když, podle toho, co jsem si nechal vypisovat, když jsem to v tom IE8 ladil, bych řekl, že nezafunguje - ale teď už si fakt nejsem jistý skoro vůbec ničím...) Ale pokud zafunguje, půjdu si nafackovat za svévolné měnění kódu, aniž bych tušil, co měním ;-)

... jen sem ještě doplňuji, že ten původní kód (tzn. ten, kde je místo toho operátoru != tento !== v IE8 také nezafunguje (jasně, nemůže to fungovat - vrací tam to call(element) prostě vždy jen [object Object] - ať už to platný tag je nebo ne - a zda to porovnávám bez typové kontroly nebo s ní, na tom už nic nemůže změnit, prostě nikdy to není [object HTMLUnknownElement], čili ta funkce v IE8 vrací vždy, že každý, i sebenesmyslnější tag, "zná"), ale "blesklo mi hlavou", když jsem psal ten svůj předešlý příspěvek, jestli to přece jen nebyla moje chyba... no, nebyla a nafackovat jsem si tudíž nemusel ; - ) ... takže je nutné počítat s tím, že IE8 a nižší to prostě neumí zjistit - a buď se spolehnout na to, že jakýkoli jiný prohlížeč to zjistit umí (Keeehi zřejmě ví, že se na to spolehnout lze) - anebo to mnou dříve navrhované řešení, pokud vymyslím dostatečně nesmyslný tag, funguje taky (řekl bych, že je "univerzálnější", ale já jsem možná zbytečně "předpo..vystrašený" - a zřejmě to bude, jak psal Keeehi, zbytečné). Konec hlášení : - )
...
(a nakonec jsem dospěl k tomu, že tu jinou velikost náhledu a jinou velikost videa nepoužiju... každopádně jsem se ale od původního dotazu dostal nakonec k tomu, že tuším, že existuje i něco jako === a !== , takže "marný" to snad nebylo... nestálo by za to to dopsat do toho Operátory ? Já se fakt díval nejdřív tam - a až když jsem to tam neuviděl, jsem se zde "blbě ptal" ; - )
Každopádně, Keeehi, díky za rady.

Keeehi:
Díky moc.
Mohl bych prosím poradit s ještě několika nejasnostmi?

Hledal jsem informaci zda záleží či nezáleží na pořadí atributů a našel jsem, že by záležet nemělo. Je tomu ale tak skutečně vždy? Např. u atributu preload (viz příklad níže) mám pochybnost - opravdu, pokud bych ho uvedl až za src, by byl zohledněn? Nemůže nějaký prohlížeč, když v tagu video narazí na src ho zkusit načíst - a když pak narazí na preload="none", už je "pozdě", protože se při provedení src zachoval s implicitním nastavením preload, které nemuselo být none? Nebo je vždy zaručeno, že všechny prohlížeče si vždy nejdříve načtou všechny atributy a teprve pak je začnou aplikovat v pořadí, které dává smysl?

A další věc: myslím si správně, že použít atribut type přímo v tagu video je nesmysl, protože video atribut type nezná?

A pokud je odpověď na přechozí otázku "ano", má vůbec smysl místo tohoto:
<!-- varianta A -->
<video controls width="320" height="180" poster="jpg/V034.jpg" preload="none" src="mp4/034.mp4" id="ID034V"></video>
zapsat toto:
<!-- varianta B -->
<video controls width="320" height="180" poster="jpg/V034.jpg" preload="none" id="ID034V">
<source src="mp4/034.mp4" type="video/mp4">
</video>
jen kvůli tomu, abych specifikoval typ? Nebo když ten source hodlám použít stejně jen jeden, je pak zhola zbytečné používat tag source a vystačím si pouze s tagem video? (tzn. s tou variantou A). Nebo je přece jen lepší ten typ specifikovat a použít tag video s jedním tagem source (tzn. tu variantu B)?

Keeehi:
Díky moc za odpovědi.

Napadla mě ještě taková "šílenost" - vyzkoušel jsem ji a funguje jak v Chrome, tak IE11 (IE8 mě netrápí, protože tam video tag stejně nefunguje) - ale zdá se mi, že to je tak velká šílenost, že bych rád věděl, jestli se mi to jen zdá, že to je šílenost - nebo to až tak velká šílenost není... Jde o následující:
Na stránce, kde chci umožňovat přehrávat videa (mp4) pomocí tagu video, jsem chtěl mít možnost přehrát i nějaká audia (mp3). Použil jsem tag audio, ale nedařilo se mi, aby vizuálně vypadal stejně jako ta ostatní videa. Tak mě napadlo použít i pro mp3 tag video (s tím, že jsem použil tu variantu B z [#22]) a do type dát type="audio/mp3" - a ono to funguje... Líbí se mi na tom i to, že tam mohu stejným způsobem, jako u ostatních videí, vložit poster, který se zobrazuje jako náhled - a zobrazuje se stejně i během přehrávání, což je přesně to, jak jsem chtěl, aby se to chovalo. Dá se to tedy takto používat, nebo to není rozumné použití a měl bych to vyřešit nějak jinak?

Keeehi:
K tomu přehrání mp3 v tagu video jsem našel, že to správné použití není, ale někdy že to může fungovat:
Object moved
Omlouvám se, že jsem se ptal na něco, co jsem si mohl najít.

Teď mám ale problém, který nevím jak hledat, protože podle všech návodů by to mělo fungovat a přesto mi to nefunguje.
Jde mi o to, že když video neumí něco přehrát, chtěl bych, aby se např. objevil text, že to nejde. A to se mi nedaří. V následujícím kódu pokud např. neexistuje test1.mp4, bez problémů se přehraje test2.mp4, pokud existuje. Pokud ale test2.mp4 také neexistuje, objeví se obdélníček videa, který má ovládací prvky šedivé - místo aby se, jak bych očekával podle těch všech návodů, které jsem všude možně našel, objevil text "Video nejde přehrát." Fakt jsem po tom pátral docela dlouho a nedaří se mi najít čím by to mohlo být...