does not support pathPrefix

[chadoh]

When deploying sites at non-root domains, Gatsby allows adding a pathPrefix.

gatsby-transformer-video currently ignores this setting, resulting in broken videos.

[mainframeai]

Is ther esomething new on this issue ? I woudl love to use this. But this is at the moment kind of a dealbreaker. :-(… Otherweise it is exactly what i need.

[chadoh]

Workaround: import withPrefix from gatsby and use it in a Video component:

import React from 'react'
import { withPrefix } from 'gatsby'
import useVideoData from "../../hooks/useVideoData"

export type VideoProps = React.DetailedHTMLProps<
  React.VideoHTMLAttributes<HTMLVideoElement>,
  HTMLVideoElement
> & {
  src: string
}

const Video: React.FC<VideoProps> = ({ src, ...props }) => {
  const { videoH264 } = useVideoData(src)
  return (
    <video playsInline muted preload="auto" {...props}>
      <source src={withPrefix(videoH264.path!)} />
    </video>
  )
}

export default Video

Example taken from TENK-DAO/frontend-starter