bonjour,

Je souhaite pouvoir contrôler le début et la fin d'une vidéo. Même en agissant sur currentTime avant de lancer par le bouton play, cela ne change rien !

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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
jQuery(document).ready(function() {
 
// Déclaration des variables
var Elem_media;
var tracker = $('.tracker');
var volume = $('.volume');
 
function initMedia(elem) {
        var url = elem.attr('media_url');
        var title = elem.text();
        var artist = elem.attr('artist');
	var image_media = elem.attr('image');
 
	$("#image_lecteur").attr('src', image_media);
	var img = document.getElementById("image_lecteur");
	img.onload = function() {
		var largeur_retrait = - img.width / 2;	
		img.style.marginLeft = largeur_retrait + "px";
		}
 
	Elem_media = document.getElementById('Myvideo');
	Elem_media.src = url;
 
	$('.player .title').text(title);
        $('.player .artist').text(artist);
 
// timeupdate event listener
        Elem_media.addEventListener('timeupdate',function (){
        var curtime = parseInt(Elem_media.currentTime, 10);
	var totaltime = parseInt(Elem_media.duration, 10);
	var mn_curtime = Math.floor(curtime / 60);
	var s_curtime = curtime - mn_curtime * 60;
	var mn_totaltime = Math.floor(totaltime / 60);
	var s_totaltime = totaltime - mn_totaltime * 60;
	tracker.slider('value', curtime);
	if(s_curtime < 10 && s_totaltime < 10) {
		$('.player .time').text( mn_curtime + ':0' + s_curtime + ' / ' + mn_totaltime + ':0' + s_totaltime);
		}
	else if(s_curtime < 10 && s_totaltime >= 10) {
		$('.player .time').text( mn_curtime + ':0' + s_curtime + ' / ' + mn_totaltime + ':' + s_totaltime);
		}
	else if(s_curtime >= 10 && s_totaltime < 10) {
		$('.player .time').text( mn_curtime + ':' + s_curtime + ' / ' + mn_totaltime + ':0' + s_totaltime);
		}
	else $('.player .time').text( mn_curtime + ':' + s_curtime + ' / ' + mn_totaltime + ':' + s_totaltime);
		$('.player .vitesse').text('x ' + Elem_media.playbackRate.toFixed(2));
        });
 
        $('.playlist li').removeClass('active');
        elem.addClass('active');
    }
 
function playMedia() {
	Elem_media.play();
 
        tracker.slider("option", "max", Elem_media.duration);
 
        $('.play').addClass('hidden');
        $('.pause').addClass('visible');
    }
 
function stopMedia() {
        Elem_media.pause();
 
        $('.play').removeClass('hidden');
        $('.pause').removeClass('visible');
    }
 
    // Appui bouton play
$('.play').click(function (e) {
        e.preventDefault();
 
        playMedia();
    });
 
// Appui bouton pause
$('.pause').click(function (e) {
        e.preventDefault();
 
        stopMedia();
    });
 
// Appui bouton vitesse augmentée
$('.fwd').click(function (e) {
        e.preventDefault();
        Elem_media.playbackRate += 0.1;
	$('.player .vitesse').text('x ' + Elem_media.playbackRate.toFixed(2));
    });
 
// Appui vitesse diminuée
$('.rew').click(function (e) {
        e.preventDefault();
        Elem_media.playbackRate -= 0.1;
	$('.player .vitesse').text('x ' + Elem_media.playbackRate.toFixed(2));
    });
 
// Elements de la playlist
    $('.playlist li').click(function () {
		$("#bloc_etudeGC").hide();
		$("#bloc_etudePC").hide();
		$("#bloc_lecteur").show();
		$('#navigation_block ul li a').removeClass('Select').addClass('notSelect');
		$('#menu2').removeClass('notSelect').addClass('Select');
		stopMedia();
		initMedia($(this));
 
    });
 
// initialisation premier élément de la playlist
    initMedia($('.playlist li:first-child'));
 
// barre volume par défaut
    Elem_media.volume = 0.8;
 
// initialisation de la barre volume
    volume.slider({
        range: 'min',
        min: 1,
        max: 100,
        value: 80,
	start: function(event, ui) {},
	slide: function(event, ui) {
        Elem_media.volume = ui.value / 100;
        },
        stop: function(event, ui) {},
    });
 
// barre progression lecture tracker
    tracker.slider({
        range: 'min',
        min: 0, max: 10,
        start: function(event, ui) {},
        slide: function(event, ui) {
        Elem_media.currentTime = ui.value;
        },
        stop: function(event, ui) {}
    });
});


Avec tous mes remerciements