在文件系统的jquery弹出窗口中播放视频?

在文件系统的jquery弹出窗口中播放视频?,jquery,asp.net,video,popup,Jquery,Asp.net,Video,Popup,我想在ASP.NET应用程序的jquery弹出窗口中从文件系统播放视频,而不是从网站链接(如youtube或vimeo)播放视频。我曾在互联网上搜索过,但所有内容似乎都是为youtube等开发的。请帮助我集成一个简单的jquery弹出窗口,它很容易与ASP.NET兼容,并且可以播放特定类型的扩展视频。提前感谢。我的JSFIDLE演示- 模态示例 开放模态 &时代; 模态头 您的浏览器不支持HTML5视频。 接近 $('#showvideo')。单击(函数(){ $(“视频”).html(“”)

我想在ASP.NET应用程序的jquery弹出窗口中从文件系统播放视频,而不是从网站链接(如youtube或vimeo)播放视频。我曾在互联网上搜索过,但所有内容似乎都是为youtube等开发的。请帮助我集成一个简单的jquery弹出窗口,它很容易与ASP.NET兼容,并且可以播放特定类型的扩展视频。提前感谢。

我的JSFIDLE演示-


模态示例
开放模态
&时代;
模态头
您的浏览器不支持HTML5视频。
接近
$('#showvideo')。单击(函数(){
$(“视频”).html(“”);
$(“视频”)[0]。加载();
$('myModal').modal('show');
$('video')[0]。播放();
});
$('#myModal').on('hidden.bs.modal',function(){
$(“视频”).html(“”);
$(“视频”)[0]。加载();
})

出于安全原因,我认为不允许脚本访问用户的文件系统。@JoachimVR我不这样认为,因为有很多脚本显示文件系统中的图像,我已经在应用程序中使用了它,如果存在安全问题,那么在其他情况下也应该存在
<div class="container">
<h2>Modal Example</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" id="showvideo">Open Modal</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<video width="400" controls>
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>


$('#showvideo').click(function(){
$("video").html('<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4" type="video/mp4">');
$("video")[0].load();
$('#myModal').modal('show');
$('video')[0].play();
});
$('#myModal').on('hidden.bs.modal', function () {
$("video").html('');
$("video")[0].load();
})