Clameurs/sites/all/modules/figureslibres/clameursmod/clameursmod.js

(function($) {

  Clameurs = function(){

    function init(){
      console.log("Clameurs");
      initVideoEvents();
    }

    function initVideoEvents(){

      $('.field-type-video-embed-field a').on('click', clickVideo);

    };

    function clickVideo(event){
      event.preventDefault();
      console.log('Click video', this);
      var vid_src = $(this).attr('href');
      console.log("vid_src", vid_src);
      getEmVidField(vid_src);
      return false;
    };

    function getEmVidField(src){
      $.getJSON('clameursmod/getemvidfield',
        {'src':src},
        function(json){
          console.log("json loaded", json);
          displayVid(json)
        }
      );
    };

    function displayVid(json){
      $('#videoframe').remove();

      $vid = $('<div>')
        .attr('id', 'videoframe')
        .append(json.embed)
        .hide()
        .appendTo('body');

      var iframe = $('iframe', $vid)[0];

      var winwidth = $(window).width();
      var winheight = $(window).height();
      console.log('win :'+winwidth+' | '+winheight);

      if (winwidth < winheight) {
        // console.log("Width target");
        var w = winwidth*0.9;
        var h = w*(360/640);
      }else{
        // console.log("height target");
        var h = winheight*0.9;
        var w = h*(640/360);
      }

      console.log('win :'+w+' | '+h);

      $.openDOMWindow({
        loader:0,
  			windowPadding:10,
        overlay:1,
  			overlayColor:'#fff',
  			overlayOpacity:'90',
        borderColor:'transparent',
  			borderSize:'0',
        width:w,
        height:h,
        windowSourceID:"#videoframe",
        functionCallOnClose:true,
        functionCallAfterClose:function(){
          $('#videoframe').remove();
        }
      });
    };

    function onCloseOverlay(){
      $('#videoframe').remove();
    };

    init();
  };

  $(document).ready(function() {
    var clameurs = new Clameurs();
  });



})(jQuery);