PC SOFT

FORUMS PROFESSIONNELS
WINDEV, WEBDEV et WINDEV Mobile

Accueil  |  Messages récents  | Connexion  |   | Français  FR
Accueil → WEBDEV 2024 → vidéo
vidéo
Débuté par jean-marie, 20 nov. 2017 17:48 - 8 réponses
#1
Posté le 20 novembre 2017 - 17:48
bonjour,

je souhaite sur une site responsive et awp jouer une vidéo sur la page d'accueil.
le lancement doit être automatique : ça marche trés bien avec un champ vidéo dans IE.
Par contre sur un mobile androïd le lancement n'est pas automatique et sur une tablette le champ est décalé...

Bref, je m'en suis ouvert au support technique qui me dit que la méthode qui cause le moins de problème passe par
l'utilisation d'un champ html. Je veux bien les croire.

Je tente donc de trouver sur le forum du code pour programmer un champ html mais je ne trouve que des posts anciens.
quelqu'un aurait il (elle) la gentillesse de me donner un bout de code récent qui fonctionne.... (j'ai vu il y a longtemps du code qui permettait de tester les extensions "lisibles" par l'internaute..... mais impossible de remettre la main dessus....grrrrrrr).

merci pour votre aide et bonne soirée.

jean-marie
#2
Posté le 21 novembre 2017 - 11:03
jean-marie avait soumis l'idée :
bonjour,

je souhaite sur une site responsive et awp jouer une vidéo sur la page
d'accueil.
le lancement doit être automatique : ça marche trés bien avec un champ vidéo
dans IE.
Par contre sur un mobile androïd le lancement n'est pas automatique et sur
une tablette le champ est décalé...

Bref, je m'en suis ouvert au support technique qui me dit que la méthode qui
cause le moins de problème passe par l'utilisation d'un champ html. Je veux
bien les croire.

Je tente donc de trouver sur le forum du code pour programmer un champ html
mais je ne trouve que des posts anciens.
quelqu'un aurait il (elle) la gentillesse de me donner un bout de code récent
qui fonctionne.... (j'ai vu il y a longtemps du code qui permettait de
tester les extensions "lisibles" par l'internaute..... mais impossible de
remettre la main dessus....grrrrrrr).

merci pour votre aide et bonne soirée.

jean-marie

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com

Chez nous c'est responsive en utilisant un champs ztr où l'on charge ce
code
<div id="video">
<video width="100%" title=""
poster="[NG2013_WEB]/template/VIDEOS/2017/poster_fr.png" controls %1>
<source type="video/mp4"
src="[NG2013_WEB]/template/VIDEOS/2017/OPE_5/FR/XXXX-PP-FR.mp4"></source>
<source type="video/webm"
src="[NG2013_WEB]/template/VIDEOS/2017/OPE_5/FR/XXXX-PP-FR.webm"></source>
<source type="video/ogg"
src="[NG2013_WEB]/template/VIDEOS/2017/OPE_5/FR/XXXX-PP-FR.ogg"></source>
</video>
</div>
#3
Posté le 21 novembre 2017 - 11:47
Merci Eric pour ton aide.
Quelques questions cependant :
- je suppose que je dois ajouter ce code dans le code HTML de la ztr. dois je laisser les balises <p> </p> proposées par l'éditeur ?
- j'imagine que la vidéo à afficher est xxxx-pp-fr.yyy et que la video doit se trouver dans le _web du projet.
mais que signifie : [NG2013_WEB] ? le reste est il le chemin de ta vidéo dans le répertoire _web ?

merci pour ton aide
je suis absent cet après midi je ne pourrais donc consulter ta réponse que demain.

jm
#4
Posté le 24 novembre 2017 - 09:19
jean-marie a couché sur son écran :
Merci Eric pour ton aide.
Quelques questions cependant : - je suppose que je dois ajouter ce code dans
le code HTML de la ztr. dois je laisser les balises <p> </p> proposées par
l'éditeur ?
- j'imagine que la vidéo à afficher est xxxx-pp-fr.yyy et que la video doit
se trouver dans le _web du projet.
mais que signifie : [NG2013_WEB] ? le reste est il le chemin de ta vidéo dans
le répertoire _web ?

merci pour ton aide
je suis absent cet après midi je ne pourrais donc consulter ta réponse que
demain.

jm

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com


Bonjour jean-marie

ng2013 ?? un pb de retranscription ?

non [%_WEB%] crochet ouvrant, pourcent etc ...
ok dsl de ne pas l'avoir précisé. C'est une variable de substititution
que l'on remplacera par repertoireWeb par un code du genre
wchemin_img=Remplace(wchemin_img,"[%_WEB%]",RépertoireWeb())

donc le nom de la vidéo est XXXX-PP-FR.mp4
on a converti et optimisé pour le web la vidéo et on va la fournir en
trois extensions mp4, ogg,webm
(je crois que l'ogg ne sert plus)
et ton champs ZTR tu le charges par programmation, pas en saisissant
dedans (je n'ai jamais utilisé le champs ztr autrement, leur saisie est
inutilisable)

Là le code que je t'ai donné provient d'une base de données.
Comme cela je change ma vidéo en intervenant directement sur les
paramètres.
#5
Posté le 24 novembre 2017 - 09:52
Merci pour ta réponse.
Tout s'éclaire.

J'ai appliqué ta méthode (utilisation ztr) ça marche très bien avec IE, firefox mais sous androïd (tablette, phone) le comportement est erratique, la zone est décalée, n'a pas la bonne taille....

as tu observé ce phénomène ?

j maroe
#6
Posté le 24 novembre 2017 - 14:37
jean-marie vient de nous annoncer :
Merci pour ta réponse.
Tout s'éclaire.

J'ai appliqué ta méthode (utilisation ztr) ça marche très bien avec IE,
firefox mais sous androïd (tablette, phone) le comportement est erratique, la
zone est décalée, n'a pas la bonne taille....

as tu observé ce phénomène ?

j maroe

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com


nous cela passe bien
mais peut être est ce du au param viewport à mettre en en-tête de la
page
Mais hélas ça ce n'est pas mon rayon
et ma developpeure est absente en ce moment
je ne peux pas te répondre pour le moment
#7
Posté le 24 novembre 2017 - 15:41
merci pour ta réponse.
Si ta développeuse peut me filer un petit tuyau à son retour....
je te laisse mon mail : jmlc@fr.jvckenwood.com
bon weed end

j marie
#8
Posté le 27 novembre 2017 - 11:38
jean-marie a exprimé avec précision :
merci pour ta réponse.
Si ta développeuse peut me filer un petit tuyau à son retour....
je te laisse mon mail : jmlc@fr.jvckenwood.com
bon weed end

j marie

---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com


Salut,
bon elle est revenue et je préfère que tout le monde profite de ses
précisions, donc je te les livre ici
Voici la méta
<meta name="viewport" content="width=device-width, initial-scale=1.0>

je savais bien qu'il y avait un truc de viewport

et voici une bonne source d'information là dessus
https://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html

Bon courage avec tout ça tu devrais t'en sortir.
#9
Posté le 29 novembre 2017 - 14:46
Merci pour votre aide à tous les deux.
Je vais en faire bon usage.

jean-marie
→ Revenir à WEBDEV 2024