javascript - 附加的 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

我认为问题是你把“asset”放在没有“s”的地方，但文件夹的名称是“assets”。