> ## Documentation Index
> Fetch the complete documentation index at: https://help.supertape.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Videos

> Short video walkthroughs helping you get the most out of Supertape.

export const Video = ({id, title, portrait = false}) => {
  const [src, setSrc] = useState(`https://www.youtube.com/embed/${id}`);
  useEffect(() => {
    if (location.hash === `#${id}`) {
      setSrc(`https://www.youtube.com/embed/${id}?autoplay=1`);
      document.getElementById(id).scrollIntoView({
        behavior: "smooth"
      });
    }
  }, []);
  return <iframe id={id} src={src} title={title} className={`w-full rounded-xl ${portrait ? "aspect-[9/16]" : "aspect-video"}`} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>;
};

<div className="grid sm:grid-cols-2 gap-4">
  <Video id="A0uY1QSq4_A" title="How to update your artist bio in Supertape" portrait />

  <Video id="_u6VlT9NKDM" title="How to add images in Supertape" portrait />

  <Video id="dSiCtwQ19QI" title="How to edit your template in Supertape" portrait />

  <Video id="VAbdC9-bOcE" title="How to add platforms in Supertape" portrait />

  <Video id="dNU16NdJo_0" title="How to edit colors and fonts in Supertape" portrait />

  <Video id="FpeScvIwYWs" title="How to share with Supertape" portrait />
</div>
