pouvoir lire une vidéo à la fois sur l'Ipad et sur l'ordinateur

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : pouvoir lire une vidéo à la fois sur l'Ipad et sur l'ordinateur

mquake2000

Bonjour.
Ici le blog sur lequel je travail actuellement :
http://www.walkdontwalk.eu/blogwdw/
Je voudrais savoir comment faire en sorte que la vidéo soit lisible à la fois sur les ordinateurs et sur l'ipad, en quel format il faut la convertir, ou comment l'insérer en HTML5? Merci!

Message édité par mquake2000 le 10-08-2010 à 18:02:04

Publicité

nicephore17

Un cinglé parmis les fous

Ton lien ne fonctionne pas
http://www.korben.info/migration-html5-video.html

(posté d'un iPad)

---------------
Mac Pro powered (sorry)

mquake2000

pardon! c'est : http://www.walkdontwalk.eu/blogwdw/

nicephore17

Un cinglé parmis les fous

Je viens d'aller voir ton site. C'est pas propre :

ça marche sur l'iPad
ça fonctionne pas sur Safari (mac)
ça fonctionne pas sur Firefox (mac)

Je te conseille ceci : tout d'abord encode ta video au format h.264 si ce n'est pas le cas (j'ai pas vérifié).

Ensuite code ceci dans le header de ta page HTML (jQuery nécessaire mais j'ai vu que tu le chargeais):

Code :

<script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script>

Ce code fait la chose suivante : pour les balises video si le client est HTML5 compatible avec le codec h.264 (ce qui est le cas des iPad) il charge la video en HTML5 sinon il la charge avec un player Flash.

Puis pour charger ta video en vrai HTML5 :

Code :

<video src="wp-content/themes/twentyten/showreel.mov" width="512" height="395" controls autobuffer></video>

Si tu veux lui donner un style, il suffit de faire une entrée video {} (sans diése ni point avant) dans ta CSS.

C'est que j'ai utilisé pour un de mes blogs Wordpress : www.princess-peche.com, c'est plutôt propre. J'aime pas trop le look du player Flash mais il existe des thèmes qu'il doit pêtre possible de modifier en bricolant le code de HTML5Media.

Accessoirement, j'aime bien ton thème !
PS : fais-moi plaisir, iPad et non pas Ipad :sol:

Message édité par nicephore17 le 11-08-2010 à 11:03:50

---------------
Mac Pro powered (sorry)

mquake2000

Salut.
Merci mais ça ne fonctionne pas chez moi.
Déjà le javascript je l'insère dans le fichier header.php?
Sur mon ordi non seulement la vidéo ne s'affiche pas mais en plus la feuille de styles se détache du site...

nicephore17

Un cinglé parmis les fous

Entre les balise <head> et </head> du fichier header.php.
Pour le test il faudra peutêtre charger de nouveau jQuery comme indiqué sur le site de Korben.

---------------
Mac Pro powered (sorry)

mquake2000

J'ai suivis toutes tes instructions mais ça ne fonctionne pas.
La vidéo ne s'affiche pas. Un cadre gris avec une crois au milieu s'affiche à la place.
Voici une capture :
Tu peux m'aider stp?
Merci.

nicephore17

Un cinglé parmis les fous

C'est quoi ce code :

Code :

<div id="video">
<embed width="512px" height="395px" src="wp-content/themes/twentyten/showreel.mov" autostart="false">
</div>

Il ne correspond pas à ce que je t'ai dit. Tu devrais avoir ceci :

Code :

<video src="wp-content/themes/twentyten/showreel.mov" width="512" height="395" controls autobuffer></video>

(à vérifier pour les tailles)

De plus tu n'as pas ajouté le javasctip de html5media comme je t'ai invité à le faire.... :heink:

mquake2000

En fait j'ai remis le code d'avant pour que ça fonctionne à nouveau en attendant de trouver pourquoi ça ne marchait pas avec tes codes car le site est en ligne; C'est pour cela que j'ai mis une capture d'écran sur le forum...
Merci.

nicephore17

Un cinglé parmis les fous

As tu essayé de charger jQuery de manière conventionnelle ?

En tout cas, en ce moment, ça ne fonctionne pas sur Safari/Mac.

Message édité par nicephore17 le 12-08-2010 à 17:49:54

---------------
Mac Pro powered (sorry)

Publicité

mquake2000

C'est à dire charger jQuery de manière conventionnelle?
Merci

nicephore17

Un cinglé parmis les fous

J'ai regardé un peu tes autres posts et je ne ne sais pas ce que tu fais dans la vie. Pourtant, je crois que je ne vais pas pouvoir t'aider plus que ça.

La manière conventionnelle de charger jQuery est expliquée dans le tout premier lien que je t'ai donné (et que tu as du étudier). De plus, la page de Korben et très bien foutue.

Je te conseille, pour avancer sur ton site, de commencer par les basique du HTML car si tu n'arrives pas un charger une morceau de JavasCript dans le Header d'une page HTML on ne va pas avancer.

Désolé.

PS: quand tu auras tout bien compris tu pourras essayer de lire ceci et, accessoirement, celle là.

Message édité par nicephore17 le 13-08-2010 à 12:49:00

---------------
Mac Pro powered (sorry)

Hafrexx

L'antre du diable

Ce sujet a été déplacé de la catégorie Video & Son vers la categorie Programmation par Hafrexx

---------------
Ne vous mariez qu'une fois dans votre vie tellement c'est galère © randolfinette | Quand l'antre grogne, le diable cogne... | Un problème d'acquisition VHS?

FORUM HardWare.fr

Programmation

HTML/CSS

pouvoir lire une vidéo à la fois sur l'Ipad et sur l'ordinateur

Sujets relatifs
Appli web pour iPad	Vidéo youtube sur image
utilisation de script js plusieurs fois dans une même page	La video avec JAVA/JVM c'est possible?
adapter une date pour pouvoir l'utiliser dans un requête	spyware sur iphone/ipad
oracle utiliser la même table pour lire ....	Lire et écrire dans un fichier Excel avec un programme c++
Lire fichier avec XML	enregistrer le flux video d'une camera Axis
Plus de sujets relatifs à : pouvoir lire une vidéo à la fois sur l'Ipad et sur l'ordinateur

Page générée en 0.052 secondes