$(function () {
  var width = $(window).width();
  var wap = 1200;
  $(window).on("resize.changeVideoWidth", function () {
    setMaxWidth();
  });

  function setMaxWidth() {
    var paddingTop = parseFloat($(".live-box").css("padding-top"), 10) || 0;
    width = $(window).width();
    if (navigator.userAgent.indexOf("MSIE") != -1) {
      if (width >= 1200) {
        paddingTop = 613 / 1903 * width
      } else if (width >= 750) {
        paddingTop = 615 / 1366 * width
      } else {
        paddingTop = 615 / 1095 * width
      }
    }

    var maxWidth = paddingTop * 16 / 9;
    var height = width * 9 / 16;

    if (height < paddingTop) {
      maxWidth = width;
    }


    $(".video-width").css("max-width", Math.round(maxWidth));
  }
  setMaxWidth();

  var videoBox = $(".live-box");
  var video = document.querySelector(".video");
  if (width > wap) {
    video.addEventListener("loadedmetadata", canplay)
    video.addEventListener("canplay", canplay)
    video.addEventListener("canplaythrough", canplay)
  }

  function canplay() {
    var _this = video || this;
    _this.addEventListener("pause", function () {
      videoBox.addClass("paused");
    })

    _this.addEventListener("playing", function () {
      videoBox.removeClass("paused");
    })

    videoBox.off("click").on("click", ".img", function () {
      if (_this.paused) {
        _this.play();
      } else {
        _this.paused();
      }
    });
  };
});