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

pouvoir lire une vidéo à la fois sur l'Ipad et sur l'ordinateur - HTML/CSS - Programmation

Marsh Posté le 26-07-2010 à 19:54:29    

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
Reply

Marsh Posté le 26-07-2010 à 19:54:29   

Reply

Marsh Posté le 09-08-2010 à 23:20:17    


(posté d'un iPad)  


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

Marsh Posté le 10-08-2010 à 18:02:29    

Reply

Marsh Posté le 10-08-2010 à 20:41:22    

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 :
  1. <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 :
  1. <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)
Reply

Marsh Posté le 11-08-2010 à 10:56:37    

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...

Reply

Marsh Posté le 11-08-2010 à 11:05:38    

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)
Reply

Marsh Posté le 12-08-2010 à 14:23:10    

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 : http://91.121.228.197/Image1.png
Tu peux m'aider stp?
Merci.

Reply

Marsh Posté le 12-08-2010 à 15:20:58    

C'est quoi ce code :
 

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


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

Code :
  1. <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:

Reply

Marsh Posté le 12-08-2010 à 16:06:21    

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.

Reply

Marsh Posté le 12-08-2010 à 16:16:36    

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)
Reply

Marsh Posté le 12-08-2010 à 16:16:36   

Reply

Marsh Posté le 13-08-2010 à 09:58:38    

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

Reply

Marsh Posté le 13-08-2010 à 12:48:06    

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)
Reply

Marsh Posté le 13-08-2010 à 13:07:49    

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?
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed