Comment créer une variable en rapport à une taille en %

obehouarnkenoby Messages postés 11 Statut Membre -  
 Utilisateur anonyme -
Bonjour à tous pour comprendre ma question voici les données
*l'adresse du site sur lequel je travail:
https://www.sfr.fr/fermeture-des-pages-perso.html

lorsque je redimentionne la fenêtre la frame centrale "accueil.html" se redimentionne. En revanche la taille de la vidéo non.

donc j'ai trouver cette parade pour la taille de mon objet video javascript
<object id="Object1" type="application/x-shockwave-flash" data="player/player_flv_mini.swf" width=60% height=60%>

mais la évidemment le cadre diminue mais pas la vidéo avec des taille de résolution standard. cela crée un effet zoom bizard du à ce paramêtre :
<param name="FlashVars" value="flv=AMIntro.flv&width=680&height=340&autoplay=1 .... " />

c'est pourquoi j'ai remplacer par
<param name="FlashVars" value="flv=AMIntro.flv&width=60%&height=50%&autoplay=1 .... " />

mais là ça bug car ce sont des résolution standards

c'est là que j'ai eu l'idée de vouloir créer une variable qui dirait :

Si la taille de 60% de l'ecran est = ou supérieur à 680 DONC variable1=680 variable2=340
SI la taille de 60% de l'ecran est entre 340 et 679 DONC variable1=340 variable2=120
SI la taille de 60% de l'ecran est inférieur à 340 DONC <a href="le lien youtube">........</ a>

et les renvoyer là
<object id="Object1" type="application/x-shockwave-flash" data="player/player_flv_mini.swf" width=VARIABLE1 height=VARIABLE2>


et là
<param name="FlashVars" value="flv=AMIntro.flv&width=VARIABLE1&height=VARIABLE2&autoplay=1 .... " />


merci à tous,
je ne suis qu'un galérien parmi d'autre
A voir également:

2 réponses

Réponse 1 / 2
Utilisateur anonyme
 
Salut, j'ai fait du bricolage, c'est pas top mais sa devrait aller.... :) 

<body>
		<object id="Object1" type="application/x-shockwave-flash" data="player/player_flv_mini.swf">

			<param name="FlashVars" value="flv=AMIntro.flv&width=680&height=340&autoplay=1" />
		</object>
		<a id="link" href='https://www.youtube.com/watch?v=2M6RO1fmjIQ'>lien youtube</a>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>

		<script>
$(function() {

	$(window).resize(function() {
		var largeur, hauteur;
		var taille = ($(window).width() * 60) / 100;
		if (taille >= 680) {
			$('#Object1').show();
			$('#link').hide();
			largeur = 680;
			hauteur = 340;
			$('#Object1').attr("width", largeur).attr("height", hauteur);
			$('param').attr('value', 'flv=AMIntro.flv&width=680&height=340&autoplay=1');
		} else if (taille > 340 && taille < 679) {
			$('#Object1').show();
			$('#link').hide();
			largeur = 340;
			hauteur = 120;
			$('#Object1').attr("width", largeur).attr("height", hauteur);
			$('param').attr('value', 'flv=AMIntro.flv&width=340&height=120&autoplay=1');
		}
		else {
			$('#Object1').hide();
			$('#link').show();
		}
	});
});

</script>
	</body>

1
Réponse 2 / 2
lenouveauweb.moi Messages postés 1 Statut Membre
 
je peut voir le code?
(PS:moi aussi je suis un galérien... mais je peut aider)

hugo
0
obehouarnkenoby
 
Salut

http://aminterieur.perso.sfr.fr

je l'ai mis là temps que ce n'est pas terminé, tout le code est ouvert

j'ai recommencer mon code avec Dreamweaver cs6, mais la problématique reste la même ma vidéo ne change pas de taille en proportion de la fenêtre.
c'est cette variable je ne sais pas encore, comment la créer css html, ni comment la manipuler

En revanche j'ai réussi à trouver le PB pour la compatibilité sur smartphone et tablette en insérant un logo à la place de la vidéo.

Et il me manque à épurer le code mais ça ce sera quand tout sera fini

Merci encore
0

Discussions similaires

À quoi correspond 32x32 US en taille française pour un jean ?
Alison1958 -
Thordendall -

1 réponse