Function Video

packages/dev/s2-docs/src/Video.tsx:5–24

(props: VideoHTMLAttributes<HTMLVideoElement>)

import {VideoHTMLAttributes} from 'react';

export function Video(props: VideoHTMLAttributes<HTMLVideoElement>) {
  return (
    // eslint-disable-next-line
    <video
      {...props}
      tabIndex={props.autoPlay && !props.controls ? 0 : undefined}
      onClick={e => {
        if (props.autoPlay && !props.controls) {
          e.currentTarget.paused ? e.currentTarget.play() : e.currentTarget.pause();
        }
      }}
      onKeyDown={e => {
        if (props.autoPlay && !props.controls && e.key === ' ') {
          e.preventDefault();
          e.currentTarget.paused ? e.currentTarget.play() : e.currentTarget.pause();
        }
      }}
    />
  );
}