2012-12-16 6 views
0

J'ai du mal à rendre mes vidéos intégrées sur youtube élastiques. J'ai essayé plus ou moins tout ce que je pouvais penser, et je suis à court d'idées.swfobject embed youtube vidéos élastiques taille numéro

Comme le montre le code ci-dessous j'ai 2 balises de bloc html avec 2 id différents que je mets la vidéo int le dernier, l'espace réservé. J'ai essayé les astuces de largeur et de hauteur suggérées par: http://webdesignerwall.com/tutorials/css-elastic-videos

Mais aucun n'a jusqu'ici travaillé.

Il deviendra élastique dans la largeur, mais la dose suivante suivra. Donc, en termes de son élastique, mais seulement dans la largeur: I

Tout le monde connaît une solution, qu'est-ce que j'ai manqué? :)

 //create video area 
     var $videoDisplay = $('<section id="video-display"></div>'); 
     var $videoPlaceholder = $('<div id="video-placeholder"></div>'); 

     $videoDisplay.insertAfter('#title-search-container'); 
     $videoDisplay.append($videoPlaceholder); 

     $("#area").html($videoDisplay); 


     //embed player 
     swfobject.embedSWF('http://www.youtube.com/e/' + id + '?enablejsapi=1&playerapiid=ytplayer', 
     'video-placeholder', '100%', '100%', '9.0.0', null, null, { allowScriptAccess: "always" }, 
     { id: "myyoutubeplayer" }); 
+0

jsfiddle aidera. –

+0

que voulez-vous dire? – Daniel

+0

S'il vous plaît utiliser ce site (http://jsfiddle.net/) pour reproduire votre problème –

Répondre

1

Essayez ce CSS:

#video-display { 
    height: 100%; 
} 

à la place automatique;

+0

Il semble que cela peut évoluer beaucoup plus maintenant, mais im courir dans un nouveau problème maintenant. Mais la vidéo évolue, et c'est ce que j'ai demandé. Merci :) – Daniel