Prismic embedded url for a video does not load

Question

  <video
    controls
    className={"w-full h-full object-contain"}
    loop
    autoPlay
    muted
  >
    <source
      src={videoUrl.embed_url}
      type="video/mp4"
      className={"relative z-[100000]"}
    />
  </video>

If I put static(local) video src -> it works. But external video URL - doesn't.

What can cause this problem?

Answer 1

i would try creating a frame. and sorry im not sure of the cause of the problem

<iframe width="420" height="315" src="https://www.youtube.com"> </iframe>

Answer 2

Try this one:

<video
    controls
    className="w-full h-full object-contain"
    loop
    autoPlay=""
    muted="muted"
    playsinline=""
  >
    <source
      src={videoUrl.embed_url}
      type="video/mp4"
      className={"relative z-[100000]"}
    />
  </video>