Empêcher le téléchargement d'un ficher vidéo par le navigateur

**Boris56** · 07/09/2010, 14h46

Bonjour,

J'ai réalisé un script jQuery pour afficher des vidéos dans un lecteur HTLM5, tout marche sauf que lorsque que le player s'afficher avec la vidéo le navigateur me lance la fenêtre de téléchargement du ficher hors je ne veux pas juste qu'il se charge dans le lecteur.

Une idée ?

Merci

**Vil'Coyote** · 07/09/2010, 14h59

Envoyé par Boris56

Une idée ?

oui, vérifie ton code. soit ton lecteur n'est pas approprié soit tu t'es trompé dans le code.

donc un peu de code pour pouvoir le vérifier ne serait pas de trop.

**Boris56** · 07/09/2010, 15h04

L'HTML

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Document sans titre</title>
 
<link rel="stylesheet" href="css/css.css" type="text/css">
 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/video_player.js"></script>
 
</head>
 
<body>
<section id="video_player">
    <div id="video_list">
        <div id="video_list_title">
            <p> Bandes annonces (3)</p>
        </div>
        <div id="video_list_content">
            <div class="video_list_content_movie">
                <div class="video_list_content_imghd">              
                    <div class="video_list_content_img">
                    </div>
                    <div class="video_list_content_hd">
                        <p>1024p</p>
                    </div>
                </div>
                <div class="video_list_content_data">
                    <div class="video_list_content_text">
                        <p>Titre de la vidéo</p>
                    </div>
                    <nav class="video_list_content_url">
                        <a href="expendables.webm">Lire la vidéo</a>
                        <p>Fermer</p>
                    </nav>
                </div>
            </div>
            <div class="video_list_content_movie">
                <div class="video_list_content_imghd">              
                    <div class="video_list_content_img">
                    </div>
                    <div class="video_list_content_hd">
                        <p>1024p</p>
                    </div>
                </div>
                <div class="video_list_content_data">
                    <div class="video_list_content_text">
                        <p>Titre de la vidéo</p>
                    </div>
                    <nav class="video_list_content_url">
                        <a href="#">Lire la vidéo</a>
                        <p>Fermer</p>
                    </nav>
                </div>
            </div>
            <div class="video_list_content_movie">
                <div class="video_list_content_imghd">              
                    <div class="video_list_content_img">
                    </div>
                    <div class="video_list_content_hd">
                        <p>1024p</p>
                    </div>
                </div>
                <div class="video_list_content_data">
                    <div class="video_list_content_text">
                        <p>Titre de la vidéo</p>
                    </div>
                    <nav class="video_list_content_url">
                        <a href="#">Lire la vidéo</a>
                        <p>Fermer</p>
                    </nav>
                </div>
            </div>
            <div class="video_list_content_movie">
                <div class="video_list_content_imghd">              
                    <div class="video_list_content_img">
                    </div>
                    <div class="video_list_content_hd">
                        <p>1024p</p>
                    </div>
                </div>
                <div class="video_list_content_data">
                    <div class="video_list_content_text">
                        <p>Titre de la vidéo</p>
                    </div>
                    <nav class="video_list_content_url">
                        <a href="#">Lire la vidéo</a>
                        <p>Fermer</p>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <section id="player">
        <video type="video/mp4" src="#" width="720" height="340" controls="on" autobuffer="on"></source>
        </video>
    </section>
</section>
</body>
</html>

Le jQuery :

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
$(document).ready(function(){
 
    $(".video_list_content_movie").first().css("border-top", "none");
    $(".video_list_content_movie").last().css("border-bottom", "none");
    $(".video_list_content_movie").last().css("margin-bottom", "10px");
 
    $("#video_list_content").hide();
    $("#player").hide();
    $(".video_list_content_url p").hide();
 
    $("#video_list_title").toggle(    
        function () {
            $(this).css("border-radius", "5px 5px 0 0");
            $(this).css("-moz-border-radius", "5px 5px 0 0");
            $("#video_list_content").fadeIn("slow");
        },
        function () {
            $(this).css("border-radius", "5px");
            $(this).css("-moz-border-radius", "5px");
            $("#video_list_content").fadeOut("slow");
            $("#player").fadeOut("slow");
            $(".video_list_content_url a").show();
            $(".video_list_content_url p").hide();
        }
    );
 
    $(".video_list_content_url").click(function(){
        var obj = this;
 
        // fermer ce qui est ouvert
        $(".video_list_content_url").each(function(i, item){
            if (item != obj) {
                if ($("p", item).css("display") == "block"){
                    $("#player").fadeOut("slow");
 
                    $("p", item).hide();
                    $("a", item).show();
                }
            }
        });
 
         // ouvrir ou fermer cette vidéo
        if ($("p", obj).css("display") == "none"){
            $("#player").fadeIn("slow");
            $("a", obj).hide();
            $("p", obj).show();
            $("#player").find("video").attr("src", $("a", obj).attr("href")).fadeIn("slow");
        } else {
            $("p", obj).hide();
            $("a", obj).show();
            $("#player").fadeOut("slow");
        }
    });
});

**Boris56** · 13/09/2010, 17h30

Personne n'a une idée, je comprend pas pourquoi il ne charge pas la vidéo dans le player et me le demande de la télécharger...

Empêcher le téléchargement d'un ficher vidéo par le navigateur

HTML

Discussions similaires

Partager

Partager