code html5 pour bannière

[jeremalix]

Bonjour
J'ai un lien direct HTML pour ma bannière de Noel
Est-il possible que l'un ou l'une d'entre vous me fournisse le code à entrer dans le PA / Général / Annonce
(tournant en boucle avec dimensions)
Merci

[Faline]

Bonsoir,
Comme tu as actuellement déjà une annonce bien sophistiquée dans ton ruban d'annonces, je ne comprends pas ton problème. Avec le code

Code:

<img src="url_du_logo" alt="logo_noel" style="width:ypx; height:zpx; border:none;" />

tu devrais y arriver (la hauteur et la largeur n'ont pas besoin d'être celles de l'image). L'annonce peut avoir 500px de haut au maximum. Si ton image est plus haute, tu peux diminuer proportionnellement aussi la largeur pour ne pas l'étirer en largeur. Si jamais à l'affichage l'image est coupée en haut, tu peux ajuster la hauteur de l'annonce dans le PA.

[jeremalix]

Bonjour Faline.
Apparemment tu as pu aller chez moi.
Tu aurais dû me prévenir...j'aurais fait le ménage car sacré fouillis .
Actuellement j'ai 2 annonces
Une en cours (une loterie pour gagner un anti virus)
L'autre est la bannière que je ferai paraître dans quelques jours.
Le code sophistiqué que tu as vu est un code d'essai.
Le vrai code est celui-ci

Code:

[flash(900,300)]https://ahp.li/9e395131a043d4ce5b59.swf[/flash]

Cette bannière est réalisée sur le logiciel E-Anim et ne sort qu'en swf
Je l'ai hébergé chez Archive Host qui me donne un lien direct et le code ci-dessus.
Le problème est que la hauteur raisonnable (esthétique) serait 250.
Mais à 250 l'animation ne se fait plus (saisie ci-dessous)

Je suis forcé de monter la hauteur à 300 pour que l'animation se fasse.
C'est trop haut.
J'ai donc converti mon animation en html5  et archivé chez Archine Host
j'ai donc un lien direct de cette animatiion en htlm5 (ou webm)

Code:

https://ahp.li/c875db6a27aaec7e7599.webm

Je veux donc essayer de poster ma bannière en html5 pour voir si je peux
avoir l'animation en hauteur 250
Mais je ne sais pas faire le code
J'ai essayé celui que tu me proposes...... sans succès.
"Logo  noel" ....c'est quoi ? ? ?

[Faline]

Code:

alt="logo_noel"

est simplement le texte alternatif qui s'affiche chez ceux qui, pour une raison ou une autre, ne voient pas l'image.

Pour ton animation il te faut un code <embed> : http://www.startyourdev.com/html/tag-html-balise-embed

Chez toi, tout était en ordre, j'ai juste vu l'annonce du concours. Je n'ai croisé aucun code sur mon chemin.

Chez moi, ta bannière fonctionne avec le "vrai" code :
Tu peux l'admirer sur mon forum test :
Il reste une marge minime, à jouer sur quelques petits pixels, mais avec ton arrière-plan blanc cela n'a pas d'importance.

Comme  j'ai IE, qui ne supporte pas le format .webm (voir http://www.startyourdev.com/html/tag-html-balise-video ), je ne peux pas tester l'autre code.

[jeremalix]

Re....

Pas bon sur Google Chrome (et nombreux sont mes adhérent(e)s qui ont ce navigateur.
Ii faut, comme avec mon code d'origine, passer en 900x300 de hauteur
Dès que l'on passe en dessous de 300 ....pas de défilement.

[Faline]

Il faudrait, comme expliqué dans le dernier lien que je t'ai donné, prévoir différents formats, pour que chacun trouve son bonheur.

Avec IE ça marche bien en boucle :



Pour la balise vidéo, il faudra préciser le loop pour l'avoir en boucle.

[jeremalix]

Re

Il faudrait, comme expliqué dans le dernier lien que je t'ai donné, prévoir différents formats, pour que chacun trouve son bonheur.

Je vais faire des essais (il faut qu'ils soient terminés avant Noel   )
Merci

[Faline]

Chez toi, je ne vois jamais rien d'autre que le concours anti-virus, même pas la fenêtre vidéo que j'ai chez moi, quand j'essaie de mettre ton code en .webm . J'aurais dû laisser le code pour au cas où toi, tu la verrais peut-être. Mais le rapport largeur-hauteur était celui qu'on a l'habitude de voir pour les vidéos, donc pas allongé comme ta bannière.

J'espère que Walt ou Adam... passeront prochainement par ici .

[Adam_sfp]

Bonjour

Pour insérez votre vidéo l'idéal serait d'utiliser ce type de code en ajoutant la taille. ( je pense que vous n'avez pas besoin des contrôles et mettre la vidéo en autoplay et loop comme le précise @Faline)
La vidéo sera redimensionnée proportionnellement en fonction de la largeur ou hauteur...

Il est préférable de mettre les différents formats pour la compatibilité avec les différents navigateurs.
Vous trouverez des convertisseurs en ligne en tapant dans google:
webm to mp4
webm to ogg

Code:


<video  width="700" height="250" autoplay loop name="media">
<source src="ICI LE LIEN FORMAT MP4" type="video/mp4">
<source src="ICI LE LIEN FORMAT OGG / OGV " type="video/ogg">
<source src="https://serveur2.archive-host.com/membres/up/2112041054/videos_html5/banniere.webm" type="video/webm">
</video>


Cdt.

[Neptunia]

Bonjour ^^

( je pense que vous n'avez pas besoin des contrôles et mettre la vidéo en autoplay et loop comme le précise @Faline)

Sans au moins un bouton de lecture, le code ne fonctionnera que sur ordinateur, les navigateurs mobiles ne reconnaissant pas l'autoplay.

Un code fonctionnel pour mobile ressemblerait donc à ceci :

Code:

<video  width="700" height="250" controls autoplay loop name="media">
<source src="ICI LE LIEN FORMAT MP4" type="video/mp4">
<source src="ICI LE LIEN FORMAT OGG / OGV " type="video/ogg">
<source src="https://serveur2.archive-host.com/membres/up/2112041054/videos_html5/banniere.webm" type="video/webm">
</video>

[jeremalix]

Bonjour Neptunia..Faline..Adam
Adam.....super ton code
Sans rien toucher....en l'état...extra sur FF et GC
Je peux changer les dimensions ....impec'
Mais pas bon sur IE
J'ai donc converti ma bannière webm en mp4
Hébergé chez Archive Host j'ai un lien direct que je rentre dans le code
.Mais ce n'est plus bon nulle part  

Code:

<video  width="800" height="200" autoplay loop name="media">
<source src="https://ahp.li/c0e25c23ce4f09f34fd0.mp4" type="video/mp4">
<source src="ICI LE LIEN FORMAT OGG / OGV " type="video/ogg">
<source src="https://serveur2.archive-host.com/membres/up/2112041054/videos_html5/banniere.webm" type="video/webm">
</video>

Comment as-tu été chercher ce lien....

Code:

https://serveur2.archive-host.com/membres/up/2112041054/videos_html5/banniere.webm

[Adam_sfp]

Bonjour

@Neptunia purée j'oublie tout le temps ces satanées mobiles ;-)
@jeremalix

Cela fonctionne toujours de mon coté le temps de chargement à l'air un peu plus long peut être.
J'ai mis le code dans un fiddle DEMO

Je n'ai pas IE pour tester et le soucis à l'air fréquent sur ce navigateur en fonction de la version..
Apparemment cela peut venir de l'encodage peut être en utilisant un logiciel qui permet  un encodage H.264 plutôt qu'une conversion en ligne..
Il y a d'autres solutions qui fonctionnent apparemment toujours en fonction de la version de IE.

Pour le lien je l'ai récupéré en suivant le lien que vous donnez plus haut  

Code:

https://ahp.li/c875db6a27aaec7e7599.webm

Cdt.

[Chacha]

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 10 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées par les différents intervenants.