如何在iframe中嵌入视频

时间:2013-08-04 13:30:38

标签: html asp.net-mvc-4 iframe

使用HTML5视频支持非常棒,但在IE版本中不起作用,所以我不喜欢它。

我正在使用MVC4 Razor View引擎进行开发。

我想出了这个问题 -

虽然我直接从youtube嵌入视频,但它工作正常。但是,当我上传视频然后通过@Model.FilePath显示时,它甚至都没有显示iframe。路径是正确的。

控制器 -

[HttpPost]
        public ActionResult Index(HttpPostedFileBase file, SystemUser user)
        {
            if (file != null && file.ContentLength > 0)
            {
                string path = Server.MapPath("~/Logo/");
                file.SaveAs(path + file.FileName);

                string filePath = "/Logo/" + Path.GetFileName(file.FileName);

                string Extension = Path.GetExtension(file.FileName);
                var scope = (from u in dv.SystemUsers
                             where u.UserId == this.LoggedInUser.UserId
                             select u).FirstOrDefault();
                scope.FilePath = filePath;
                scope.FileName = file.FileName;
                dv.SystemUsers.GetModifiedMembers(scope);
                dv.SubmitChanges();
                return RedirectToAction("userprofile", "User");

            }
           return View();
        }

查看 -

@model MvcApplication8.Models.SystemUser
<h2>
    UserProfile</h2>

<iframe width="560" height="315" src="@Model.FilePath" frameborder="0" ></iframe>

文件路径 -

/Logo/video-2012-12-08-21-31-56.mp4

使用<img src="@Model.FilePath">处理图片而非视频时,效果非常好。

iframe嵌入出了什么问题?

1 个答案:

答案 0 :(得分:1)

如果找到您的网址,您是否正在寻找网络(使用示例devTool F12 Chrome)?保存您的视频后,您可以阅读吗?

你可以试试

    @Url.Content("~/Logo/video-2012-12-08-21-31-56.mp4")

OR

更新

你这样做:

             @Url.Content(Model.Filepath)

这对我来说很好!

或示例(jsfiddle)here