Discussion :

[Ales27pm]

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 :

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
 
$(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 :

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

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

[Invité]

Bonjour,

1- As-tu au moins regarder dans ton Panel d'Administration s'il y a là une possibilité de la modifier simplement et manuellement ?

2- sinon, si on regarde le code source généré ("Ctrl"+"U"), on y trouve :

Code html :

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

1
2
3
4
5
6
<div id="videocontainer" class="videocontainer">
<div id="overlayvideo" class="overlayvideo" >
...
<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>
...

Il suffit donc de trouver dans les fichiers où se trouve ces bouts de code HTML.
Quelques indices à trouver : "videocontainer", "overlayvideo", "myvideo".

Ce n'est pas dans le code jQuery qu'il faut chercher, mais dans les fichiers .tpl (code HTML).
De là à savoir où est définie l'URL de la vidéo...

[Ales27pm]

Il n’y aurait pas une façon de trouver quel tpl contient se bout de code sans les parcourir un après l’au?

[CosmoKnacki]

Si tous tes fichiers tpl sont dans un même répertoire, et que tu disposes d'un terminal linux, tu peux te placer dans ce répertoire et faire une recherche avec grep:

Code :

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

grep -Fl 'src="https://player.vimeo.com/video/132442378' *.tpl

Si tu ne sais pas où ce trouvent les fichiers ou s'ils sont dans plusieurs répertoires, place toi à la racine du site et utilise:

Code :

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

find . -name *.tpl -exec grep -Fl 'src="https://player.vimeo.com/video/132442378' {} \;

[grunk]

Si c'est un player viméo qui est simplement ajouter à ta page tu ne pourras pas lui faire jouer ton propre fichier.
Il faut ajouter un player spécifique.