Method onConnect

packages/vidstack/src/player/player.tsx:175–202

(el: HTMLElement)

  }

  protected override onConnect(el: HTMLElement) {
    if (IS_IPHONE) setAttribute(el, 'data-iphone', '');

    const pointerQuery = window.matchMedia('(pointer: coarse)');
    this._onTouchChange(pointerQuery);
    pointerQuery.onchange = this._onTouchChange.bind(this);

    const resize = new ResizeObserver(this._onResize.bind(this));
    resize.observe(el);

    effect(this._onResize.bind(this));

    this.dispatch('media-player-connect', {
      detail: this.el as MediaPlayerElement,
      bubbles: true,
      composed: true,
    });

    if (__DEV__) {
      this._media.logger!.setTarget(el);
      return () => this._media.logger!.setTarget(null);
    }

    return () => {
      resize.disconnect();
      pointerQuery.onchange = null;
    };
  }

  private _initStore() {
    const providedProps = {