Forums Développement Multimédia

Aller au contenu

Video et Jquery

CODE HTML CSS

6 réponses à ce sujet

#1 DaveD

  • Members
  • PipPipPipPipPipPipPipPip
  • 2453 messages

Posté 28 November 2011 - 22:20 PM

Bonjour,

Je viens vous demander de l'aide ça fait trop longtemps que je passe sans trouver de solution

Je cherche a savoir comment faire en jquery et html5 pour voir une video quand je clique sur un image
qui correspond a ma video comme un playlist avec vignette a droite et video a gauche
juste un simple exemple avec une vignette et une video pour debuter et pour voir comme ça fonctionne

j'ai essayé ceci en direct mais rien a faire la video ne joue pas :)
pourquoi ça joue pas ma video 2011-11-22.mp4 ???

Merci vraiment pour votre aide en espérant avoir une réponse dans ce forum


<video id="maVideo" width="853" height="480" poster="poster.png">
                        <source src="ma_video.mp4" type="video/mp4">
</video>
<script type="text/javascript">
        $(function() {
          var videoFile = '2011-11-22.mp4';
          $('#maVideo video source')[0].src(videoFile);
        });
</script>
 

Modifié par daved, 28 November 2011 - 22:21 PM.


#2 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 29 November 2011 - 18:16 PM

Salut,

Tu es sûr de ton sélécteur ?
Peut-être comme ça :

$('#maVideo source').attr('src', videoFile ) ;

Modifié par dcz.switcher, 29 November 2011 - 18:18 PM.

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#3 DaveD

  • Members
  • PipPipPipPipPipPipPipPip
  • 2453 messages

Posté 29 November 2011 - 21:10 PM

Salut dcz.switcher ,


J'ai fait ceci mais ça ne fonctionne toujours pas ;) as-tu encore une idee ? merci pour ton aide


<video id="maVideo" width="853" height="480" poster="poster.png">
                        <source src="2011-11-22.mp4" type="video/mp4">
</video>
<script type="text/javascript">
        $(function() {
          var videoFile = '2011-11-22.mp4';
          $('#maVideo source').attr('src', videoFile ) ;
        });
</script>
 

Modifié par daved, 29 November 2011 - 21:11 PM.


#4 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 30 November 2011 - 08:19 AM

Le soucis doit venir d'ailleur, je viens de tester et ça doit fonctionner, voici mon code



<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8" />
        <title></title>

        <script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<video id="maVideo" width="853" height="480" controls>
                        <source src="" type="video/mp4">
</video>
<script type="text/javascript">
        $(function() {
          var videoFile = '../switcherdav.mp4';
          $('#maVideo source').attr('src', videoFile ) ;
        });
</script>


</body>
</html>

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#5 DaveD

  • Members
  • PipPipPipPipPipPipPipPip
  • 2453 messages

Posté 30 November 2011 - 21:07 PM

Salut dcz.switcher

Je pense avoir trouvé la raison ton exemple fonctionne sur chrome et IE mais sur safari je suis obligé de faire un entree pour voir la video sinon j'ai juste la barre sais tu comment forcer la lecture du genre play avec jquery
c'est peut etre pour ça

merci pour ton aide
je debute en jquery et html5

merci encore

#6 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 01 December 2011 - 20:45 PM

Tu trouveras pas mal d'info sur le site Apple

L'article qui concerne les médias audio et vidéo sur iOS
http://developer.app...0009523-CH1-SW1


l'article qui traite plus précisément du contrôle en javascript :
http://developer.app...0009523-CH3-SW1

Bonne lecture Image IPB
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#7 DaveD

  • Members
  • PipPipPipPipPipPipPipPip
  • 2453 messages

Posté 01 December 2011 - 21:24 PM

Merci pour tes liens



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)