j'ai un tableau de videos qui jouent en boucle dans mon header et je cherche a l'adapter a ma fenêtre avec "resize()" de jquery. 

j'aimerai que mon iframe (qui est un player vimeo) prend les dimensions de mon container ( parent) a chaque fois ke ma fenêtre se resize.

mais la il rentre dans ma fonction il detect les redimensionnement de la fenêtre mais rien ne se passe, avez vous une idée ??

voici mon code :

<div class="container" onresize="adjust_size()" >
  <div class="containerVideo">
    <div class="fluid-width-video-wrapper" style="padding-top:50%; " >
				<div id="headervideo" class="videoClass"></div>
		</div>
</div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script type = "text/javascript">

//-------------------------------------------
document.addEventListener("DOMContentLoaded", function(event) {
// ---------------------------------------
var videos = [
    <?php echo get_field('id_1', 300);?>,
    <?php echo get_field('id_2', 300);?>,
				
];

var randVideos = Math.floor(Math.random() * videos.length);
var options = {
		  id: videos[randVideos],//first element
			loop: false,
		};
		player = new Vimeo.Player('headervideo', options); // new player

		player.play()
		playMovie(videos,0, true)

})//end event


// ============================
var playMovie = function(videos, currentVideoIdx,first) {
	if (!first)
		player.loadVideo(videos[currentVideoIdx % videos.length]).then(function(id) {
		player.play()
	}).catch(function(error) {
	});
	player.on('ended', function() {
		playMovie(videos, ++currentVideoIdx, false)
	});
}

// -------------------------------

// ============================

  function adjust_size() {
		 alert("événement de redimensionnement détecté !");
		var containerWidth = $('.container').css('width');
		console.log(containerWidth);
		var iframe = $('iframe.videoClass');
		console.log(iframe);
		iframe.css('width',containerWidth);
  };//end function

	adjust_size();
	$(window).resize(adjust_size);



</script>