Theo's Typesafe Cult•2y ago

Video tag doesn't show up on iPhone.

Hey, so, yeah like the title says.. Video doesn't show. At all. You can see it on https://www.seve17.co on your iPhone. I tried with video tag and div with a dangerouslySetInnerHTML. Both of them don't work.

        <div
          dangerouslySetInnerHTML={{
            __html: `<video
            autoplay loop muted playsinline
            preload="auto"
            height="751px"
            width="100vw"
            ref={${fullScreenVideoRef}}
            class="h-[751px] w-screen"
          >
            <source src=${"/assets/videos/Seventeen.mp4"} type="video/mp4" />
            Your browser does not support the video tag.
          </video>`,
          }}
        ></div>
        <video
          autoPlay
          preload="auto"
          height="751px"
          width="100vw"
          loop
          muted
          playsInline
          ref={fullScreenVideoRef}
          className={"h-[751px] w-screen"}
        >
          <source src="/assets/videos/Seventeen.mp4" type="video/mp4" />
          Your browser does not support the video tag.
        </video>

        <div
          dangerouslySetInnerHTML={{
            __html: `<video
            autoplay loop muted playsinline
            preload="auto"
            height="751px"
            width="100vw"
            ref={${fullScreenVideoRef}}
            class="h-[751px] w-screen"
          >
            <source src=${"/assets/videos/Seventeen.mp4"} type="video/mp4" />
            Your browser does not support the video tag.
          </video>`,
          }}
        ></div>
        <video
          autoPlay
          preload="auto"
          height="751px"
          width="100vw"
          loop
          muted
          playsInline
          ref={fullScreenVideoRef}
          className={"h-[751px] w-screen"}
        >
          <source src="/assets/videos/Seventeen.mp4" type="video/mp4" />
          Your browser does not support the video tag.
        </video>

any ideas?

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Video tag doesn't show up on iPhone.