5568 sujets

Sémantique web et HTML

Bonsoir,

J'ai voulu insérer une vidéo avec la balise <video> de html5 dans un site en html5, mais le soucis est que si je mets le chemin relatif de ma vidéo (en .mp4, .ogv ou . webm) celle-ci ne s'affiche pas alors que si je mets le chemin absolu, celle-ci s'affiche.

Savez-vous comment ça se fait? J'utilise FF 3.6.

Pour la source, c'est ici

Merci
Modifié par folvool (17 Oct 2010 - 23:22)
Je ne crois pas que c'est dû à ça mais il ne faut pas mettre des caractères spéciaux dans les noms des dossiers et des fichiers…
Modifié par Patidou (17 Oct 2010 - 21:34)
Sinon je ne vois pas de problèmes à utiliser des chemins en absolu. Smiley cligne
Modifié par Patidou (17 Oct 2010 - 21:34)
Hello

Moi non plus je ne vois pas de problème à utiliser le chemin absolu.

Chemin absolu : synonyme puissant de négociation et toute forme de partenariat. Celui-ci est tout désigner pour les échanges de données entre individus sur internet. Ce que le chemin relatif ne t'offrira pas.

Le chemin aboslu est très bonne pratique et une bonne habitude : en utilisation on ne peut s'en passer par la suite. Qu'il s'agisse ici de fichier vidéo, de fichier xml, fichier de configuration, fichier texte ou tout autre type de fichier.

J'ai vu dans ton code que la toute puissante révolution du HTML5 supposé supplanté Flash possède une balise object à l'intérieur de la balise video ? Smiley cligne

Quoiqu'il en soit Flash Player intègre VP8 dans ses prochaines versions : donc go WebM

++
Modifié par zardoz (17 Oct 2010 - 21:59)
Merci pour ces réponses.

Je ne voyais pas les liens absolus de cette manière. Je posais cette question plutôt par curiosité.

@zardoz : Je ne comprends pas ce que tu as voulu dire par :
a écrit :
J'ai vu dans ton code que la toute puissante révolution du HTML5 supposé supplanté Flash possède une balise object à l'intérieur de la balise video ? cligne
Je ne comprends pas ce que tu veux dire par rapport à la balise objet. je me suis inspiré de ce que j'ai lu à cette page notamment : http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html

J'ai enlevé l'esculette de mes url
Modifié par folvool (17 Oct 2010 - 22:06)
Salutation

Ne t'en fait pas ce sont des séquelles qui me sont resté en tête tellement j'ai fait du ressentiment concernant certains articles affirmant la fin de Flash à l'arrivé du HTML5.

Tant mieux si tu peut voir l'intérêt d'une cible en absolu plutôt qu'en relatif.

Si dans l'avenir tu prévois pour ton site d'établir des relations avec d'autres développeurs qui traitent du même sujet que toi : rien de mieux qu'un chemin absolu. C'est très confortable dans les échanges de données entre partenaire.

Exemple :

Tu me demande d'échanger des données avec toi sur un short film .mp4 dont je suis le propriétaire. Moi j'accepte mais en échange je te demande l'accès à certains de tes fichiers xml dont les données m'intéresse.

Quoi de plus confortable que le chemin absolu ?

++
En fait, les liens, qu'ils soient absolus ou relatifs, ma vidéo ne s'affiche dans aucun cas.

Voici le code :
    <video height="300" width="370" controls="controls">
        <source src="http://www.test.wuotai.com/new/video/clip.mp4" type="video/mp4" />
        <source src="http://www.test.wuotai.com/new/video/clip.webm" type="video/webm" />
        <source src="http://www.test.wuotai.com/new/video/clip.ogv" type="video/ogg" />
        <object type="application/x-shockwave-flash" data="video/player_flv_maxi.swf" width="370" height="300">
            <param name="movie" value="video/player_flv_maxi.swf" />
            <param name="allowFullScreen" value="true" />
            <param name="FlashVars" value="flv=clip.flv&amp;width=370&amp;height=300&amp;autoload=1&amp;volume=10&amp;showstop=0&amp;showvolume=1&amp;showmouse=autohide&amp;startimage=ima/departclip.jpg" />
            <param name="wmode" value="transparent" />
        </object>
    </video>


Et voici le lien de la page concernée : http://www.test.wuotai.com/new/
Salut !

J'ai le même soucis que toi : mes vidéos dont la source est passée en chemin relatif ne sont pas trouvées. J'ai un lecteur vide.

Je trouve ça assez étrange :o

Concrètement, lorsque l'on se trouve sur la page index du site http://www.monsite.com et que je veux lire la vidéo "mavideo.ogv" présente dans le dossier racine_du_site/Realisations/Videos/ :


<video> 
        <source src="http://www.monsite.com/Realisations/Videos/mavideo.ogv" type="video/ogg" /> 
</video>


Ça fonctionne.


<video> 
        <source src="./Realisations/Videos/mavideo.ogv" type="video/ogg" /> 
</video>


Ne fonctionne plus.

A noter que mon code marche parfaitement en local, c'est une fois uploader chez mon hébergeur que ça m'embête comme ça.
L'arborescence étant la même, en local ou sur le net.
Modifié par The_Moye (18 Oct 2010 - 15:40)
Il ne faut pas oublier d'ajouter les bons headers dans un fichier .htaccess si tu as un serveur apache.

De mémoire :

AddType video/mp4 .mp4


Etc.

Je corrigerai ce soir chez moi, si je me suis trompé. Smiley smile
Plop Patidou, merci pour ta réponse.

J'ai effectivement un fichier .htaccess contenant les lignes suivantes :


AddType video/ogg  .ogv
AddType video/mp4  .mp4
AddType video/webm .webm


Mais ça ne change strictement rien. Smiley decu
C'est encore moi!

En fait ça fonctionne.

Lorsque le fichier html faisant référence aux vidéos est placé à la racine de mon site, le chemin relatif fonctionne.
Mais s'il est placé dans un dossier, la vidéo est introuvable.
Étrange, à moins que je n'ai fait une bêtise et que je ne la vois pas :o