[résolu] texte pas affiché après code JavaScript de sous-titrage

texte pas affiché après code JavaScript de sous-titrage [résolu] - HTML/CSS - Programmation

Marsh Posté le 22-01-2011 à 19:26:40    

Bonsoir,
 
Je teste l'affichage de sous-titres sous une vidéo affichée avec la balise ad hoc de HTML5 à l'aide de code JavaScript (que je "manie" pour la première fois)
J'utilise pour cela jquery.srt.js de cette façon
 

Code :
  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript" src="jquery.srt.js"></script>
  3. <p style="text-align:center"><video src="http://example.com/video.ogv" id="video" controls>
  4. </video></p>
  5. <div class="srt"
  6.      data-video="video"
  7.      data-srt="http://example.com/video.srt" />


 
Le problème c'est qu'ensuite mon texte, un classique

Code :
  1. <p>bla bla bla</p>

n'apparait plus.
 
Une idée ?
 
Merci d'avance


Message édité par antistress le 23-01-2011 à 11:52:13
Reply

Marsh Posté le 22-01-2011 à 19:26:40   

Reply

Marsh Posté le 22-01-2011 à 19:28:29    

à toutes fins utiles, mon style.css :
 

Code :
  1. .srt  { color: #222; font-size : 1.4em ; padding: 0.5em; text-align: center; }

Reply

Marsh Posté le 22-01-2011 à 20:22:42    

UN DIV ça se ferme comme ça : </div>


---------------
Blablaté par Harko
Reply

Marsh Posté le 23-01-2011 à 11:49:04    

ça y est ça marche, il y avait aussi un / de trop à la fin de la ligne data-srt=
 

Code :
  1. <script type="text/javascript" src="jquery.js"></script>
  2.     <script type="text/javascript" src="jquery.srt.js"></script>
  3.     <p style="text-align:center"><video src="http://example.com/video.ogv" id="video" controls>
  4.     </video></p>
  5.     <div class="srt"
  6.          data-video="video"
  7.          data-srt="http://example.com/video.srt"" ></div>


 
merci  :)


Message édité par antistress le 23-01-2011 à 11:50:56
Reply

Marsh Posté le 23-01-2011 à 12:09:14    

oui c'est ce que je t'ai dit :o


---------------
Blablaté par Harko
Reply

Marsh Posté le 23-01-2011 à 12:12:03    

oui, mais fallait le temps que je comprenne car il y avait un / en trop et un </div> en moins et j'avais pas vu pour le / au début
merci merci merci  ;)

Reply

Marsh Posté le 23-01-2011 à 12:44:56    

C'était pour que tu cherches un peu :o


---------------
Blablaté par Harko
Reply

Marsh Posté le 23-01-2011 à 12:46:36    

un peu mais pas trop, c'était parfait merci ;-)

Reply

Marsh Posté le 23-01-2011 à 18:42:12    

pour info si ça intéresse quelqu’un : http://libre-ouvert.toile-libre.or [...] k-de-html5

Reply

Sujets relatifs:

Leave a Replay

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