Afficher une bulle avec un message sur un objet vidéo !

**cincap** · 07/06/2015, 17h50

Bonjour à toutes et à tous,

Avec ce code en html, j'affiche le visu de ma caméra.

J'ai essayé de mettre un message (en utilisant "alt=" ou "title=") en passant la souris sur le lecteur mais en vain.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>
<head>
<title>Viewer H264</title>
</head>
<body>
<form name = "Caméra avant">
<script language="JavaScript">
//1920 x 1080 ou 1535 x 740
document.writeln('<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width=' + 1535 + 
      ' height=' + 740 + ' CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">'); 
document.writeln('<param name="autoplay" value="true">'); 
document.writeln('<param name="controller" value="true">');
 //H.264 over RTSP over 554 port
document.writeln('<param name="qtsrc" value="' + 'rtsp://192.168.1.19:554/user=&password=&channel=1&stream=0.sdp?real_stream' + '">'); 
</script>
</body>
</html>

Merci d'une éventuelle aide pour un script léger.

@+,

cincap

**NoSmoking** · 07/06/2015, 22h14

Bonjour,
récupère l'événement sur un élément transparent que tu positionnes au dessus de ton <object>.

**cincap** · 08/06/2015, 08h20

Bonjour à toutes et à tous,

@ NoSmoking, merci de ta réponse, tu es souvent le seul à prendre part à la discussion concernant mes demandes.

J'avais testé ceci mais résultat avec une image mais je n'ai pas su l'adapter au lecteur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<html>
<head>
<style>
div.background {
     background: url(klematis.jpg) repeat;
     border: 2px solid black;
 }
 
div.transbox {
     margin: 30px;
     background-color: #ffffff;
     border: 1px solid black;
     opacity: 0.6;
     filter: alpha(opacity=60); /* For IE8 and earlier */
 }
 
div.transbox p {
     margin: 5%;
     font-weight: bold;
     color: #000000;
 }
</style>
</head>
<body>
 
<div class="background">
   <div class="transbox">
     <p>Double click pour full screen !</p>
   </div>
</div>
 
</body>
</html>

Bonne journée,

@+,

cincap

**stefde3** · 12/06/2015, 12h04

Bonjour,

pourquoi ne pas mettre ton <object> en position relative et placer un span en position absolute par dessus pour afficher ton message.
exemple :

JSFIDDLE
bon là j'ai utilisé un img gif en background mais se sera pareil avec un object flash