JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Static Template</title>
  </head>
  <body>
    <h1>Safari</h1>
    <img
      loading="lazy"
      src="https://assets.theplace.com/video/upload/t_plp_vid_m/v1/ecom/assets/products/tcp/3016658/3016658_2153.mp4"
      alt="Toddler Girls Long Sleeve Faux Fur Hooded Reversible Jacket"
    />

    <h1>Safari WebP</h1>
    <img
      loading="lazy"
      src="https://assets.theplace.com/video/upload/e_loop,t_plp_vid_m/v1/ecom/assets/products/tcp/3016658/3016658_2153.webp"
      alt="Toddler Girls Long Sleeve Faux Fur Hooded Reversible Jacket"
    />

    <h1>Chrome</h1>
    <img
      loading="lazy"
      src="https://assets.theplace.com/video/upload/e_loop,t_plp_webp_m/v1/ecom/assets/products/tcp/3016658/3016658_2153.webp"
      alt="Toddler Girls Long Sleeve Faux Fur Hooded Reversible Jacket"
    />

    <h1>H.265</h1>
    <img
      loading="lazy"
      src="https://assets.theplace.com/video/upload/f_mp4,vc_h265/v1/ecom/assets/products/tcp/3016658/3016658_2153"
      alt="Toddler Girls Long Sleeve Faux Fur Hooded Reversible Jacket"
    />

    <h1>VP9</h1>
    <img
      loading="lazy"
      src="https://assets.theplace.com/video/upload/f_webm,vc_vp9/v1/ecom/assets/products/tcp/3016658/3016658_2153"
      alt="Toddler Girls Long Sleeve Faux Fur Hooded Reversible Jacket"
    />
  </body>
</html>