Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Un bout de code vidéo svp !

2 réponses
Avatar
voir_le_reply-to
Bonjour,

Y aurait-il une bonne âme pour me fournir les trois lignes de code dont
j'ai besoin ?

L'idée est de faire, dans une page web, une matrice de cases (disons 4
de large, 5 de haut) et au sein de chacune d'avoir une vignette qui,
quand on la clique, provoque l'ouverture d'un nouvel onglet et le
lancement de la lecture de la vidéo (avec les contrôles ad hoc pour la
gérer) dans ses dimensions maximum (natives).

Je maîtrise l'histoire de la matrice, mes cases peuvent contenir du html
brut de pomme, et je sais créer un lecteur vidéo local de la dimension
de ma réserve :
<video width="360" height="202" controls>
<source src ="http://URLdelaressource" type="video/ogg">
</video>

J'imagine que poster="image.jpg" permet de gérer l'image qu'on voit dans
la case.

Mais comment faire pour que ça se lance dans un nouvel onglet et que ça
soit fonctionnel ? Pour la dimension native, je suppose qu'il suffit de
supprimer les dimensions donc : <video poster="image.jpg" controls> mais
pour le reste je suis sec.

Ah, évidemment il faudrait que les contrôles soient invisibles dans la
vignette mais visibles dans la nouvelle page d'onglet !

D'avance merci à ceux qui savent,

--
Gérald

2 réponses

Avatar
SAM
Le 04/04/16 21:06, Gerald a écrit :
Bonjour,

Y aurait-il une bonne âme pour me fournir les trois lignes de code dont
j'ai besoin ?

L'idée est de faire, dans une page web, une matrice de cases (disons 4
de large, 5 de haut) et au sein de chacune d'avoir une vignette qui,
quand on la clique, provoque l'ouverture d'un nouvel onglet



Pour moi, "nouvel onglet" = "nouvelle fenêtre"

<a href="mavideo.htm"
onclick="window.open(this.href);return false">
<img src="mavideo.jpg" alt="" title="clic pour voir la video" />
</a>

et le
lancement de la lecture de la vidéo (avec les contrôles ad hoc pour la
gérer) dans ses dimensions maximum (natives).



faut donc faire ouvrir dans le "nouvel onglet/fenêtre" la page kivabien,
un bête lien quoi

bon, un peu aidé de JS mais sans JS ça fonctionnera encore (dans même
fenêtre/onglet)

de nos jours on n'a plus le droit d'utiliser les trucs anciens en HTML
(comme les frames etoussa qui allaient bien sans trop de tracas)

Je maîtrise l'histoire de la matrice, mes cases peuvent contenir du html
brut de pomme, et je sais créer un lecteur vidéo local de la dimension
de ma réserve :
<video width="360" height="202" controls>
<source src ="http://URLdelaressource" type="video/ogg">
</video>

J'imagine que poster="image.jpg" permet de gérer l'image qu'on voit dans
la case.



p't'et bien k'oui, p't'et ben k'non ?

ce n'est pas l'image à afficher quand le navigateur ne sait pas vidéoter ?
Ou en attendant que le "streaming" démarre ?

Mais comment faire pour que ça se lance dans un nouvel onglet



Ça c'est à la discrétion du visiteur : autorise t-il des nouvelles
fenêtres ? et si oui, les veut-il en onglets ?
Chez moi le truc donné ci-avant fonctionne comme tu sembles le vouloir.

et que ça soit fonctionnel ?
Pour la dimension native, je suppose qu'il suffit de
supprimer les dimensions donc : <video poster="image.jpg" controls> mais
pour le reste je suis sec.

Ah, évidemment il faudrait que les contrôles soient invisibles dans la
vignette mais visibles dans la nouvelle page d'onglet !



et pourquoi ne pas afficher dans la même fenêtre ? dans un div quelconque ?

un exemple simplissime pour de l'audio (activer les liens pour voir un
"player" avec liste de zicks
<http://stephane.moriaux.pagesperso-orange.fr/truc/html5-audio/liste>

D'avance merci à ceux qui savent,



il doit suffire de replacer <audio> par <video> et de distribuer des
fichiers de vidéos, me semble-ce ?
<http://html5demo.braincracking.org/demo/video.php>
<http://html5demo.braincracking.org/demo/audio.php>



Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Avatar
voir_le_reply-to
SAM wrote:

il doit suffire de replacer <audio> par <video> et de distribuer des
fichiers de vidéos, me semble-ce ?



Je reviens tardivement mais sûrement : la réponse était bête comme chou.
Si on associe à l'image un lien vers la ressource, ça ouvre
effectivement le fichier, quelqu'il soit ! Hop !

Pourquoi, mais alors POURQUOI se compliquer la vie :-)

--
Gérald