Bonjour a tous
Je dévéloppe un site web ou j'ai besoin de declencher un lecteur video quand je clique sur une image
actuellement je teste ceci:
Code html : 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Styles for video Divs, player image and Modal --> <link rel="stylesheet" href="css/YouTubeDefaultImageLoader.css"> </head> <body> <!-- Modal Template --> <div class="modal fade" id="youtubeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div id="videoModalContainer"> </div> </div> <div class="modal-footer"> <button id="CloseModalButton" type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal Template --> <!-- video section starts here --> <!-- DIV Container for each Video --> <img id="WP-OrIvNUiA" class="youtubeVideoLoader"> </div> </div> </section><!-- video section end here --> </footer> <!-- script tags ============================================================= --> <script src="js/jquery-2.1.1.js"></script> <script src="js/bootstrap.min.js"></script> <!-- Loading Images for faster page load based on : START Fast & Agile YouTube Embed --> <script src="js/YouTubeDefaultImageLoader.js"></script> </script> </body> </html>
j'aimerais remplacer cette zone grise par une image que je déclare via css:
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 div#case1{ width: 291px; height: 109px; background-image:url(http://mattepainting.be/animations/21may2011.png); background-size: 291px 109px; background-repeat:no-repeat; background-position:center center; }
quelqun peut t'il m'aider?
Partager