Insertion d'une vidéo

Bonjour

Comment insérer une fichier vidéo en .mov après avoir cliqué sur le bouton " vidéo " ?

En vous remerciant

Eric

Bonjour Mecca25

Quand tu as ouvert l'inspecteur du composant vidéo, dans "Edition du code HTML"  il faut mettre le code de ta vidéo pour un fichier .mov c'est particulier, il faudra ce code :

Code:

<div class="embed-responsive embed-responsive-4by3">
<object width="340" height="260"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="http://mavideo.mov">
<param name="autoplay" value="false">
<param name="controller" value="true">
<embed width="340" height="260"
src="http://mavideo.mov"
type="video/quicktime"
autoplay="false"
controller="true">
</embed></object>
<div>


Il faudra mettre dans la première ligne 16by9 à la place de 4by3 si la vidéo est en 16/9
Et bien sur indiquer l'adresse de la vidéo dans les 2 endroits où il est mis "mavideo.mov"

Autre détail, les fichiers mov ne sont pas lus sur les tablettes et smart phones il vaut mieux les convertir en mp4

@ +

Hello !

les fichiers mov ne sont pas lus sur les tablettes et smart phones il vaut mieux les convertir en mp4

Mince.... je ne savais pas....

Alors quel est le code à insérer pour du mp4?

En te remerciant...

@+

Eric

Pour du mp4 le code est plus simple :

Code:

<div class="embed-responsive embed-responsive-4by3">
<video src="http://www.adresse-de-ma-video.mp4" controls>
</video>
</div>

et pareil pour le format 4/3 ou 16/9 et mettre l'adresse de la vidéo

@ +

Ok merci

J'ai un message d'erreur : Format vidéo non supporté.

Bon, provisoirement j'ai mis la vidéo sur Youtube et ça marche. Mais vu que je suis un peu allergique à Youtube je verrai prochainement avec le code mp4, étant obligé de m'absenter quelques jours.


@+

Bonjour

Peut être le navigateur qui ne prend pas en charge le format, actuellement le mp4 est censé passer sur les principaux navigateurs, peut-être encore des exeptions pour certaines versions.
- Quel est ton système ?
- Quel est ton navigateur ?
- Qui est ton hébergeur ?
- As tu publié la page ? car il arrive que les vidéos ne fonctionnent pas en teste mais en publication.
- Donne nous l'adresse de la page avec la vidéo afin de voir si nous sur nos machines elle fonctionne.

Sinon tu as cet autre code ci-dessous, il faudra que tu convertisses ta vidéo dans les 3 formats, .mp4, .webm, et .ogv et que tu indiques les adresse des 3 fichiers, avec ces 3 formats normalement la vidéo fonctionnera sur tous les navigateurs, chaque navigateur trouvera le fichier qu'il reconnait.

Code:

<div class="embed-responsive embed-responsive-4by3">
<video controls="controls">
<source src="http://www.adresse-de-ma-video.mp4" type="video/mp4" />
<source src="http://www.adresse-de-ma-video.webm" type="video/webm" />  
<source src="http://www.adresse-de-ma-video.ogv" type="video/ogg" />
</video>
</div>

Tableau des formats acceptés :



Tu verras tout ça à ton retour, rien ne presse.  

@ +

Bonjour Ellade

J'ai essayé également avec les 3 types de fichiers, c'est pareil.

Donc j'ai remis le fichier mp4 seul. Voici le lien :

https://www.mecc-mark.fr/meccano-machine-watt.html

Tu verras le message d'erreur

Je suis sous Windows10,  firefox ( dernière maj )

Mon hébergeur est Archiv-Host.

@+

Eric

Bonjour Eric

Le problème vient du fait que ta vidéo n'est pas accessible car elle est hébergée sur un cloud protégé par mot passe.
Il faut que tu envoies tes vidéos sur l'hébergement de ton site.

@ +

Bonjour Ellade

protégé par mot passe

c'est vrai, j'aurais dû y penser...

Maintenant c'est ok.

Merci pour ton aide

@+

J'en profite pour faire un petit rappel à tous, jamais de nom de fichier ou de répertoire sur le Web avec espace ou caractère accentué ou caractères spéciaux, c'est une règle du web  

J'ai vu que ton fichier mp4 avait un espace dans son nom, il passe mais ça peut parfois poser problème avec certains navigateurs.

Tu peux mettre ton sujet en résolu en remontant sur ton premier message, clic sur le bouton "Editer" cocher l'icone "Résolu" et clic sur "Envoyer"

@ + et bon week end

En effet tu as raison, je vais renommer le fichier.

Bon week-end également



@+