These are chat archives for WildCodeSchool/faq_candidats

13th
Jul 2018
emilie ribanneau
@ERibanneau_twitter
Jul 13 2018 12:39
bonjour ,
bonjour ,très novice au codage je me bat pour progresser je suis en galère sur l'affichage de mon lien image video pour le challenge wild Circus je fonctionne sous safari voici mon code html : <body>
<header>
<h1 align="center">Wild <img src="https://videos.pexels.com/videos/footage-of-a-tiger-yawning-855576/Footage Of A Tiger Yawning.mp4"/>Circus </h1><br/> et voici mon css :body {font-family:"Amatic SC";
font-size:30px;
background-image:"https://videos.pexels.com/videos/footage-of-a-tiger-yawning-855576/Footage Of A Tiger Yawning.mp4";
help
please
tks
xxx
xx
x
Emilie Huet
@elena-sam
Jul 13 2018 13:23

bonjour @ERibanneau_twitter !

Pour intégrer une vidéo avec HTML5 tu as la balise <video>.
Dans cette balise tu intègres la source, par exemple sous la forme d'un attribut

src="https://videos.pexels.com/videos/footage-of-a-tiger-yawning-855576/Footage Of A Tiger Yawning.mp4"

Puis tu peux ajouter d'autres attributs, par exemple :
controls => pour afficher les commandes (Lire, Pause, etc).
autoplay => pour lire la video automatiquement
loop => pour lire la video en boucle

Ces attributs sont des booléens, c'est à dire que tu n'as pas besoin de préciser la valeur "controls="true". Tu mets simplement controls dans ta balise.

par exemple : <video controls src="lien-vers-la-video.mp4">Votre navigateur n'est pas compatible avec cette fonctionnalité</video>

Le texte que j'ai mis entre les balises est un message qui s'affiche si le navigateur ne prend pas en charge la vidéo (tu peux indiquer le message que tu souhaites.

Tu peux regarder ce tuto (en anglais) pour plus de précisions :
https://www.youtube.com/watch?v=4I1WgJz_lmA
Par contre je sais pas si ça va fonctionner dans codepen. J'ai essayé avec le lien que tu as fourni et j'ai reçu le message "Aucun vidéo dont le format ou le type MIME est géré n'a été trouvée".
Emilie Huet
@elena-sam
Jul 13 2018 13:28
J'oubliais : les espaces dans les URL doivent être remplacés par %20.
(mais je pense qu'il te faudra télécharger la video et indiquer le lien relatif)
Caroline Mathieu
@KaroLittleOne_twitter
Jul 13 2018 14:41
Emilie @elena-sam
J'ai créer une class que j'ai appliquée à chacun des li de performances.
<ul >
<!-- performance 1 -->
<li class="perf">
<h3>Laugh</h3>
<p>As an adult, come and discover our irresistible clowns, between practical jokes and pranks let yourself be carried away by their joy and fall back into childhood.</p>
</li>
<!-- performance 2 -->
<li class="perf">
<h3>Dream</h3>
<p>Let yourself be carried away in a world where the real and the imaginary are one, in the company of our talented magicians, discover a wonderful world limited only by your imagination.</p>
</li >
<!-- performance 3 -->
<li class="perf">
<h3>Marvel at</h3>
<p>Tame the untameable in the company of our tamers, between roar and razor-sharp claws, watch these fierce felines turn into sweet kittens.</p>
</li>
</ul>
Ensuite, en css, j'ai défini
.perf{
vertical-align: top;
}
Les 3 performances sont toujours alignées sur le bottom
Désolée, j'ai dit une bêtise: les 3 performances ne sont alignées ni sur le top ni sur le bottom
BRAVO
@BRAVO43936569_twitter
Jul 13 2018 14:52
bonjour
Caroline Mathieu
@KaroLittleOne_twitter
Jul 13 2018 14:52
En fait, si! ça marche
Par contre l'espace blanc entre les li n'est pas le même entre le premier et le second!
Emilie Huet
@elena-sam
Jul 13 2018 16:03
@KaroLittleOne_twitter où as-tu un espace blanc ?
finlor
@finlor
Jul 13 2018 16:06
juste pour savoir ceux qui ont passé le challenge? Vous avez eu une réponse au bout de combien de temps ?
je viens juste d'envoyer ma première contribution today
Caroline Mathieu
@KaroLittleOne_twitter
Jul 13 2018 16:13
J'ai 3 Li côte à côte, qui font 3 paragraphes . L'espacement entre les paragarphes n'est pas le même. C'est inesthétique.
Emilie Huet
@elena-sam
Jul 13 2018 16:45
@KaroLittleOne_twitter y a moyen que tu envies ton codepen? (en privé au pire)
@finlor bonjour finlor, une journée généralement
donc lundi ou mardi tu devrais recevoir une réponse
Caroline Mathieu
@KaroLittleOne_twitter
Jul 13 2018 16:51
@elena-sam
Yes ! A quelle adresse ?
finlor
@finlor
Jul 13 2018 16:53
cool! Merci EMilie pour les infos. Tu es déjà dedans ou tu commence prochainement ?
VivienPou
@vivienpou
Jul 13 2018 17:05
Bonjour, j'ai un soucis avec l'affichage de mes images qui ne s'affichent pas dans tous les explorateurs. Une astuce? ci-joint mon codepen https://codepen.io/vivipoug/pen/oqYZXg?editors=1000
LESIEUR Christophe
@christool45_twitter
Jul 13 2018 17:15
Bonjour, pouvez vous me confirmer svp que le code source de nos wilds circus respectifs sont open source par défaut ? Y a pas de manip' spéciale à faire ? Merci et bon courage à tous !
Emilie Huet
@elena-sam
Jul 13 2018 17:21

@KaroLittleOne_twitter j'ai envoyé un message en privé ;-)

@christool45_twitter Oui oui il suffit de partager le codepen en copiant le lien, comme @vivienpou vient de le faire sur le forum !

@finlor Je suis admise, j'attends de savoir si je vais avoir un financement :-/

@vivienpou Dans Firefox et Chromium je vois tout sauf les flèches. C'est lié au lien je pense, non ? Il n'est pas toujours possible d'utiliser le lien de l'image.
Emilie Huet
@elena-sam
Jul 13 2018 17:28

@vivienpou Si c'est lié à l'image et que tu veux une solution simple, il y a https://fontawesome.com/.

Tu copies le lien qu'ils te fournissent sous How To Use dans le <head> de ton HTML, comme si tu ajoutais un lien vers un autre fichier css. Puis tu cherches l'icone qui t'intéresses (celle-là par exemple : https://fontawesome.com/icons/arrow-up?style=solid), tu copies le lien fournit (qui comment par <i ...) où tu veux dans ton HTML et voilà !

Ou sinon tu enregistres tes images dans un Dropbox ou Google Drive et tu utilises les liens de partage
VivienPou
@vivienpou
Jul 13 2018 17:52
@elena-sam Merci pour tous ces conseils. Et de Google Photos, le liens d'import,ça marche pas?
Emilie Huet
@elena-sam
Jul 13 2018 17:54
@vivienpou sais pas :-/
VivienPou
@vivienpou
Jul 13 2018 18:05
@elena-sam je viens d'essayer avec google drive pour la flèche bleue du bas et c'est pas mieux lu dans les explorateurs. j'essayerai tes autres options. merci
Caroline Mathieu
@KaroLittleOne_twitter
Jul 13 2018 18:29
@elena-sam . Je ne sais pas où se trouvent les messages privés!
Emilie Huet
@elena-sam
Jul 13 2018 22:06
@vivienpou ah zut. C'était quoi comme format d'image ?
@KaroLittleOne_twitter Pour info (on a réglé le pb, mais pour les autres et si ça peut t'être utile à toi dans d'autres circonstances), pour chatter en privé avec quelqu'un il faut placer la souris sur l'icône de la personne ; une bulle s'affiche avec dedans l'option pour chatter en privé.