Remove Play on Click and add auto play when webpage loads

I need to have a Vimeo Video play when the webpage loads, it is an example of our Community Channel and the page is not listed nor is there any audio. I am using a fullscreen loop script currently that when you go to the page had a spot for you to click to start the video… I need to change this. I have added the Script in question.

$(document).ready(function(){
  // Initiate FitVid.js
  $(".video-container").fitVids();

  // Iframe/player variables
  var iframe = $('#video')[0];
  var player = $f(iframe);

  // Open on play
  $('.play').click(function(){
    $('.overlay').css('left', 0)
    $('.overlay').addClass('show')
    player.api("play");
  })

  // Closes on click outside
  $('.overlay').click(function(){
    $('.overlay').removeClass('show')
    setTimeout(function() {
      $('.overlay').css('left', '-100%')
    }, 300);
    player.api("pause");
  })
});