附加的HTML5视频无法播放？

Question

我试图在按下按钮时出现视频播放器。

这是我追加视频的方式：（我在index.html中编写了一个脚本）

$("#videoContainer").append(
                 "<video id=\"video-player\" width=\"100%\" height=\"400\" controls class=\"b-1\">" +
                    "<source src='asset/video/" + materialVideo.episode +".mp4"+"' type=\"video/mp4\">" +
                    "<source src='asset/video/" + materialVideo.episode +".webm"+"' type=\"video/webm\">" + 
                    "<source src='asset/video/" + materialVideo.episode +".ogg"+"' type=\"video/ogg\">" +
                 "</video>"
        );

我的文件夹结构是

asset
      video
           file name
js
styles
index.html

我已经修复了MIME类型，并向其中添加了.mp4。 它只显示一个带有播放/暂停按钮的空白播放器。 它不适用于Firefox和Chrome。

Answer 1

我认为问题在于您将“资产”放在不带“ s”的位置，但是文件夹的名称是“资产”。

Answer 2

您的代码的文件夹名称为“资产”，而“文件夹结构”中的文件夹名称为“资产”。 要捕获此类错误，您始终可以检查浏览器的开发人员控制台。