changer la src d'un video Vimeo
Bonjour,
J'administre le site https://fenetresboulet.com/.
Il a été conçu par une firme avec laquelle je ne désire plus faire affaire.
Ils ont mis une video Vimeo avec un png en overlay dans le haut de la page d'accueil.
Comme c'est un lien vers une video Vimeo, la qualité de l'image et la vitesse de téléchargement laisse à désirer...
j'aimerais changer la src de la var myvideo vers le fichier mp4 que j'ai uploadé dans /video/siteweb.mp4
j'ai trouvé ceci dans le index.tpl:
Code:
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
|
$(function(){
var windowH = $(window).height();
var wrapperH = $('.overlayvideo').height();
if(windowH > wrapperH) {
$('.overlayvideo').css({'height':($(window).height())+'px'});
}
$(window).resize(function(){
var windowH = $(window).height();
var wrapperH = $('.overlayvideo').height();
var differenceH = windowH - wrapperH;
var newH = wrapperH + differenceH;
var truecontentH = $('#myvideo').height();
if(windowH > truecontentH) {
$('.overlayvideo').css('height', (newH)+'px');
}
resizer();
})
});
$(function(){
var windowH = $(window).height();
var wrapperH = $('.overlay').height();
if(windowH > wrapperH) {
$('.overlay').css({'height':($(window).height())+'px'});
}
$(window).resize(function(){
var windowH = $(window).height();
var wrapperH = $('.overlay').height();
var differenceH = windowH - wrapperH;
var newH = wrapperH + differenceH;
var truecontentH = $('#myvideo').height();
if(windowH > truecontentH) {
$('.overlayvideo').css('height', (newH)+'px');
}
resizer();
})
});
var container = document.getElementById('overlayvideo');
var video = document.getElementById('myvideo');
var ratio = 54/96; //this is why the 56.25% padding hack exists
function resizer() {
var width = parseInt(window.getComputedStyle(container)['width'], 10);
var height = (width * ratio);
video.style.width = width + 'px';
video.style.height = height + 'px';
video.style.marginTop = '0'; //~732px wide, the video border is about 24px thick (24/732)
container.style.height = (height * 1) + 'px'; //0.88 was the magic number that you needed to shrink the height of the outer container with.
} |
et voici le code source trouvé avec chrome:
Code:
1
2
|
<div id="videocontainer" class="videocontainer"><div id="overlayvideo" class="overlayvideo" ><div class="overlay"><div class="godown"> <a href="#page"><div class="icon"></div></a></div></div><div id="myvideo"> <iframe src="https://player.vimeo.com/video/132442378?autoplay=1&loop=1&automute=1" width="100%" height="1070px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> |
J'ai aucune idée de ce que je dois changer, et ce n'est faute d'avoir chercher...
Merci à l'avance pour votre aide
