un texte par dessus une video dans une meme frame?

un texte par dessus une video dans une meme frame? - HTML/CSS - Programmation

Marsh Posté le 09-07-2007 à 11:22:52    

Bonjour,
 
Je cherche surtout à savoir si ce que je veux faire en html est possible. et comment?
 
J'ai fait une page web avec un grand affichage d'une video. Jusqu'ici, c'est simple avec un script javascript.
 
La difficulté, c'est que je souhaite afficher par-dessus la vidéo un message texte.
Je pensais utiliser les calques div pour que le texte passe par-dessus la vidéo mais sans succès.
 
Y a-t-il une méthode particulière pour faire cela dans une même frame si possible ?
 
merci
odo
 
 

Code :
  1. <html>
  2. <head>
  3. <title>Demo of VLC mozilla plugin</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <style type="text/css">
  6. <!--
  7. body,td,th {
  8. font-family: Arial, Helvetica, sans-serif;
  9. font-size: 16px;
  10. }
  11. .Style1 {
  12. color: #FF0000;
  13. font-weight: bold;
  14. }
  15. -->
  16. </style>
  17. <script language="JavaScript" type="text/JavaScript">
  18. <!--
  19. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  20.   if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
  21.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  22.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  23. }
  24. MM_reloadPage(true);
  25. //-->
  26. </script>
  27. </head>
  28. <body>
  29. <div id="Layer1" style="position:absolute; width:611px; height:151px; z-index:1; left: 63px; top: 371px; visibility: visible;">
  30.     <p align="justify">&nbsp;</p>
  31.     <p>&nbsp;</p>
  32.     <p align="center" class="Style1"> bonjour ce texte doit passer par dessu la video</span></p>
  33.   </div><h1>  VLC dans une page html </h1>
  34. <embed type="application/x-vlc-plugin"
  35.          name="video1"
  36.          autoplay="yes" loop="yes" width="640" height="480"
  37.          target="ma_video.avi" />
  38. <br />
  39.   <a href="javascript:;" onclick='document.video1.play()'>Play</a>
  40.   <a href="javascript:;" onclick='document.video1.pause()'> Pause</a>
  41.   <a href="javascript:;" onclick='document.video1.stop()'> Stop</a>
  42.   <a href="javascript:;" onclick='document.video1.fullscreen()'> Fullscreen</a>
  43. </body>
  44. </html>


Reply

Marsh Posté le 09-07-2007 à 11:22:52   

Reply

Marsh Posté le 09-07-2007 à 15:18:03    

Salut,
 
J'suis pas certain d'avoir déjà vu cela sur des sites de vidéos ayant ce type d'affichage. Donc à mon avis, c'est pas possible.


---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."
Reply

Marsh Posté le 10-07-2007 à 14:38:47    

merci d'avoir répondu :)
 
je cherche toujours un moyen de faire ce type d'affichage.
càd texte part dessus une video, un bref instant et plus propre qu'un popup;
 
rien est impossible, n'est-ce pas ?
 
odo

Reply

Marsh Posté le 10-07-2007 à 15:03:10    

Exacte! Mais rien n'est parfait ;)
 
Tu as déjà vu ça quelque part?


---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."
Reply

Marsh Posté le 10-07-2007 à 15:24:05    

Salut,
 
Je pense que ça peut marcher, mais que ça dépend peut-être du plugin utilisé, et de la gestion qu'il fait de l'affichage (c'est une intuition je ne saurais pas l'expliquer). Par exemple sur mon site (voir lien en signature) j'ai des players youtube intégrés dans les pages (donc du flash) et une mise en page css avec certains éléments calés à droite, si l'on réduit la largeur de la fenêtre, les deux se recouvrent et le texte s'affiche par dessus la vidéo, en tout cas c'est ce qui se passe sur windows avec firefox et IE!  


---------------
urzhiata : sons, pixels & court-circuits : | : | : | : codelab.fr : forum du code créatif (pure-data, processing, ...)
Reply

Marsh Posté le 11-07-2007 à 14:51:48    

Merci
le resonnement d'e_m_o_c est très interressant; effectivement on peut passer au dessu d'un flashplayer. :)

Reply

Sujets relatifs:

Leave a Replay

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