javascript - 网页嵌入视频，无法播放？

Question

1. 基本的原理我都明白，无非是插入video标签，再加上一些控制语句。这段代码在本地实验得不错，但挪到服务器上面就不行了！

$(".shipin_bobao>img").click(function(){
                layer.open({//调用贤心的Layer插件
                  type:1,//type为1表示弹出的是一个页面
                  title: false,
                  area: ['860px','480px'],
                  offset:'100px',
                  shade: 0.8,
                  closeBtn: 0,
                  shadeClose: true,
                  shift:2,
                  content:'<video width="100%" height="100%" controls autoplay src="__ROOT__/Video/Prom.mp4"></video>',
                  maxmin:true
                });
                layer.msg('点击任意处关闭');
            })
            

预期效果：点击img时弹出窗口并自动播放。
但在服务器上运行时弹出窗口里边只有一个视频控件，视频没有播放出来。
求解！
点击img后Chrome控制台的请求信息如下

Answer 1

1.视频上传了没有
2.__ROOT__/Video/Prom.mp4 检查一下在服务器上解释成什么地址

Answer 2

看看__ROOT__/Video/Prom.mp4这个地址下有没有你的MP4文件

Answer 3

你把视频地址直接输到浏览器地址栏看能看不

Answer 4

MIME类型配置了?