Gatsby 中怎么加载使用视频文件？

2021-12-02 08:48:52 浏览数 (1)
一、简介

Gatsby 项目中怎么播放视频？

二、解决方案
1、HTML5 <video>

使用 HTML5 的 video 标签，播放 本地视频 和 远程视频。

代码语言：txt复制
import * as React from 'react'
import dog from '../assets/dog.mp4'

const VideoShow = () => {

    return (
        <div>
            <video width="70%" controls>
                <source src={dog} type="video/mp4" />
            </video>

            <video width="70%" controls>
                <source src="https://api.learn-anything.cn/uploads/dog_14be0bfb5a.mp4" type="video/mp4" />
            </video>
        </div>
    )
}

export default VideoShow;
三、参考文档
  • Gatsby 中怎么加载使用视频文件？
网站建设

0 人点赞