changer la src d'un video Vimeo

[Alexis Boulet]

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:

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

	 <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

Edited November 24, 2018 by Alexis Boulet (see edit history)

[thomasharko]

Bonjour,

Sur quel type de serveur est installé votre site internet ? Le temps de chargement de la vidéo me parait plutôt bon, il n'est pas sur que vous ayez un meilleur temps de chargement avec une vidéo sur votre serveur. Avez-vous essayé avec YouTube  ?

Pour un chargement depuis votre serveur il vous faut un lecteur vidéo (qui est déjà configuré dans les iframe Viméo et YouTube), je vous conseillerais d'utiliser un module, qqch comme Révolution Slider devrait faire l'affaire, mais il faut bien sur le configurer et modifier le code pour l'intégrer.

L'élément à modifier est celui ci iframe de la video en vimeo ou youtube, dans le cas d'un module il faut tout revoir.

<iframe src="https://player.vimeo.com/video/132442378?autoplay=1&loop=1&automute=1" width="100%" height="1070px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

 

Bonne journée

[Mediacom87]

Bonjour,

Je confirme, le chargement est bon et Vimeo est un des meilleur fournisseur à ce niveau.

Pour améliorer les performances de votre site il serait bon d'activer les option de cache sur les JS et CSS dans le menu Performances.

[Alexis Boulet]

1 hour ago, Mediacom87 said:

Pour améliorer les performances de votre site il serait bon d'activer les option de cache sur les JS et CSS dans le menu Performances.

Pour CSS, c'est bon mais si j'active smart cache sur JS, le iframe de la video ne charge plus. La page charge directement au top menu.