C# 如何使用asp.net MVC通过模型属性显示YouTube链接？_C#_Asp.net Mvc

C# 如何使用asp.net MVC通过模型属性显示YouTube链接？

c# asp.net-mvc

C# 如何使用asp.net MVC通过模型属性显示YouTube链接？,c#,asp.net-mvc,C#,Asp.net Mvc,我有一个叫视频的模型： public class Video { public int ID { get; set; } public string Title { get; set; } public string Description { get; set; } public string VideoLink { get; set; } public string tags { get; set; } } 假设我使用CRUD控

我有一个叫视频的模型：

public class Video
{
    public int ID { get; set; }
    public string Title { get; set; }       
    public string Description { get; set; }
    public string VideoLink { get; set; }
    public string tags { get; set; }    
}

假设我使用CRUD控制器，使用上述模型，创建一个新的视频，其中包含

标题

，

说明

，以及

视频链接

创建后，URL显示为文本，而不是YouTube视频。

您可以使用

视频

标记：

<video src="@item.VideoLink"></video>

更新：

YouTube播放器可以使用标签或标签。通过将参数附加到IFrame或SWF URL，您可以在应用程序中自定义播放体验。例如，您可以使用自动播放功能自动播放视频参数或使用循环重复播放视频参数您还可以使用enablejsapi参数来启用通过IFrame播放器API控制的播放器

尝试以下操作：从中获取用于嵌入视频的标记，然后执行以下示例

<html>
  <body>
    <iframe src="@Model.VideoLink" width="560" height="315" frameborder="0" allowfullscreen></iframe>
  </body>
</html>

查看如何使用模型中的url替换框架源

您可能还需要向模型中添加更多数据以定义其他嵌入选项，如允许全屏显示等。

您必须将watch？v=替换为embed/。只需通过视频链接（@links）循环并编写以下内容：-

<iframe src="@links.Replace("watch?v=", "embed/")" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

为什么不使用

标签来显示视频？谢谢大家的时间和帮助。谢谢你们的回复，我尝试了这个，但我得到了小黑匣子，我遗漏了什么吗？@john嵌入youtube视频有点不同，请检查我的答案。哈哈，现在我得到了大的空白，视频的尺寸，但不是视频本身，谢谢，很明显我做错了……在chrome控制台中，我遇到了这样一个错误：拒绝在一个帧中显示“”，因为它将“X-frame-Options”设置为“SAMEORIGIN”。好的，请转到YouTube，找到此视频的嵌入链接，然后将其粘贴到视图中。这应该会显示视频。然后用存储的url替换源。尝试使用其他方法显示我提供的链接中的视频。此外，您可能需要一个用于嵌入视频的特殊链接，因此在这种情况下，您可能需要进行一些字符串构建，以根据视频ID构建url，甚至将嵌入视频的整个标记存储在模型的字符串属性中。为了确保我没有弄错，我认为我是这样显示链接的：

<iframe src="@links.Replace("watch?v=", "embed/")" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>