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

基本的原理我都明白，无非是插入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控制台的请求信息如下