Reactjs 透明MOV文件未出现在我的React网页中

发布于10月12日

我正在try 在Reaction中使用透明视频，我最初使用的是webM，但在一些设备上不支持，所以我try 切换到MOV.但是，无法使其在React+Vite中工作.我已经try 将其添加到我的VITE配置assetsInclude: ["**/*.mov"]中，但它们仍然没有出现.

我创建了一个轻量级项目，展示了它在这里是如何不起作用的:https://codesandbox.io/p/sandbox/flamboyant-gianmarco-9qngsy?file=%2Fsrc%2FApp.tsx%3A19%2C13

或者，您可以通过在任何HTML预览器中测试以下版本来重新创建该问题:

    <!DOCTYPE html>
    <html>
    <body>
    
    test 1: <br>
    <video className="video">
    <source src="https://9qngsy-5173.csb.app/crown.mov" type="video/mov" />
    </video>
    
    <br> test 2: <br>
    <video className="video">
    <source src="https://9qngsy-5173.csb.app/crown.mov" type="video/quicktime" />
    </video>
    
    <br> test 3: <br>
    <video src="https://9qngsy-5173.csb.app/crown.mov" className="video">
    </video>
    
    <br> test 4: <br>
    <video className="video">
    <source src="https://9qngsy-5173.csb.app/crown.mov" type="video/quicktime" />
    </video>
    
    </body>
    </html>

Reactjs 透明MOV文件未出现在我的React网页中

推荐答案

Reactjs相关问答推荐

cypress 不能点击SPAN

在下一个js中使用ESTAccountWithEmailAndPassword函数时循环

如何处理具有REACTION-REDUX状态的Nextjs路由警卫

如何使用皮金贴图在Reactjs中制作 map 上的点之间的线的动画？

禁止直接访问Next.js中的页面，同时允许从应用程序内部访问

React useEffect 问题...异步函数内的变量正在获取延迟的更新值

如何测试根据 prop 更改 CSS 属性的 useEffect 钩子？

当 URL 与我声明的任何路由都不匹配时，如何使用不会重定向到错误页面的动态 URL？ - react 路由 dom

Redux 工具包不更新状态

Reactjs：MUI5：MobileDateTimePicker API：如何自定义日历中的文本

我可以在加载器函数中多次 fetch() 并使用一次 useloaderdata() 提取它吗？

如何在悬停时更改 MUI 卡内容

我正在try 将一组加载程序函数发送到我的路由，它抛出一个错误 Handler is not a funtion in a reactJs application

我正在通过 API(有效)从 MongoDB 传递数据.可视化但我不断收到此 TypeError： Cannot convert undefined or null to object

使用 Vite 的 React 中的路由无法正常工作(构建中)

使用 Jest/React 测试库时，如何测试由 setInterval 函数创建的 DOM 更改？

RTK 查询 POST 方法不会改变数据

Context Api React 的问题

如何在 React x 中返回组件？

Cypress 中的 process.env 空对象