附加的 HTML5 视频不播放？答案

【问题标题】：Appended HTML5 Video not playing?附加的 HTML5 视频不播放？
【发布时间】：2018-07-11 09:36:53
【问题描述】：

我正在尝试在按下按钮时显示视频播放器..

这就是我附加视频的方式：（我在 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。

【问题讨论】：

标签： javascript html video

【解决方案1】：

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

【讨论】：

已编辑。对不起，这是资产。
尝试将这些属性添加到视频元素中： preload="auto" autoplay="autoplay" controls="controls" 并检查结果。
抱歉还是没有做任何事~
您确定“materialVideo.episode”返回视频文件的正确名称了吗？您可以在没有点击事件的情况下测试视频标签吗？尝试将您的 html 视频块直接放入您的 html 中（使用静态 src），并检查视频是否正常工作。
是的，我也试过直接把block放到html里，还是不行，返回403（Forbidden）错误。

【解决方案2】：

您的代码的文件夹名称为“asset”，而您的文件夹结构中的文件夹名称为“assets”。要捕获此类错误，您可以随时查看浏览器的开发者控制台。

【讨论】：

已编辑。对不起，这是资产。