Example on how to load a video from remote

[jenlai1345]

Suppose my video file is hosted on https://www.example.com/video.mp4
Can you provide an example on how to load it?

in my next.config.js I have properly set up the assetPrefix,

const withVideos = require('next-videos')

module.exports = withVideos({
  assetPrefix: 'https://example.com',

  webpack(config, options) {
    return config
  }
})

However, in my component, how can I load it?
(Below doesn't work)

export default () => (
  <div>
    <video src="video.mp4" />
  </div>
)

Thank you in advance

[CedYF]

Yea I still can't get it to work...

[nonoumasy]

same here. Can someone pls add an example.

[vleung-into]

According to the code, the full file path is ${prefix}/_next/static/videos/, so make sure the video is in that folder structure.