// AutoPlayer

const AutoPlayer = function (ns) {

  return class extends ns.Widgets.Widget {

    constructor(player, config) {

      super(player, config);

    }

    static defaults = {

      default_type: "HtmlPlayer",

    };

    draw() {

      if (typeof this.video === "undefined") {

        this.video = this.media.video;

      }

      var _props = [

          "live",

          "provider",

          "autostart",

          "streamer",

          "video",

          "height",

          "width",

          "url_transform",

        ],

        _opts = {},

        _types = [

          {

            regexp: /\.(mp4|m4v|mp3)$/,

            type: "AdaptivePlayer",

          },

          {

            regexp: /\.(ogg|ogv|webm)$/,

            type: "HtmlPlayer",

          },

          {

            regexp: /^(https?:\/\/)?(www\.)?youtube\.com/,

          },

          {

            regexp: /^(https?:\/\/)?(www\.)?vimeo\.com/,

          },

          {

            regexp: /^(https?:\/\/)?(www\.)?dailymotion\.com/,

            type: "DailymotionPlayer",

          },

        }

      }

      if (typeof _opts.type === "undefined") {

        _opts.type = this.default_type;

      }

      if (_opts.type === "AdaptivePlayer") {

        var _canPlayType = document

          .createElement("video")

          .canPlayType('video/mp4; codecs="avc1.42E01E"');

        _opts.type = _canPlayType !== "no" ? "HtmlPlayer" : "JwpPlayer";

      }

      for (var i = 0; i < _props.length; i++) {

        if (typeof this[_props[i]] !== "undefined") {

          _opts[_props[i]] = this[_props[i]];

        }

      }

      this.insertSubwidget(this.$, _opts);

    };

  };

};

export { AutoPlayer };