Fluid-width (responsive) Vimeo and YouTube videos. Adapted from CSS Tricks. http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

gistfile1.js

// Find all YouTube videos
var $allVideos = $("iframe[src^='//player.vimeo.com'], iframe[src^='http://www.youtube.com']");

// The element that is fluid width
var $fluidEl = $("body");

// Figure out and save aspect ratio for each video
$allVideos.each(function() {

  $(this)
    .data('aspectRatio', this.height / this.width)

    // and remove the hard coded width/height
    .removeAttr('height')
    .removeAttr('width');

});

// When the window is resized
$(window).resize(function() {

  var newWidth = $fluidEl.width();

  // Resize all videos according to their own aspect ratio
  $allVideos.each(function() {

    var $el = $(this);
    $el
      .width(newWidth)
      .height(newWidth * $el.data('aspectRatio'));

  });

// Kick off one resize to fix all videos on page load
}).resize();

in that line it has to be a comma at the end no semicolon:
var $allVideos = $("iframe[src^='//player.vimeo.com'], iframe[src^='http://www.youtube.com']"),

and for my point of view it is in times where https comes more and more
var $allVideos = $("iframe[src*='player.vimeo.com'], iframe[src*='www.youtube.com']"),