Function createVideoElement

tfjs-core/src/test_util.ts:195–214

(source: HTMLSourceElement)

/** Creates an HTMLVideoElement with autoplay-friendly default settings. */
export function createVideoElement(source: HTMLSourceElement):
    Promise<HTMLVideoElement> {
  const video = document.createElement('video');
  if ('playsInline' in video) {
    // tslint:disable-next-line:no-any
    (video as any).playsInline = true;
  }
  video.muted = true;
  video.loop = true;
  video.style.position = 'fixed';
  video.style.left = '0px';
  video.style.top = '0px';

  video.preload = 'auto';
  video.appendChild(source);
  return new Promise(resolve => {
    video.addEventListener('loadeddata', _ => resolve(video));
    video.load();
  });
}

export async function play(video: HTMLVideoElement) {
  await video.play();