mp4
video in razor page using resources below:Unluckily none of them worked for me.
mp4
file in root/Videos/one.mp4
and this is how my root/Program.cs
looks like:var builder = WebApplication.CreateBuilder(args);
// Add services to the container.
builder.Services.AddRazorPages().AddRazorRuntimeCompilation();
var app = builder.Build();
// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{
app.UseExceptionHandler("/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseAuthorization();
app.MapRazorPages();
app.Run();
root/Pages/Index.cshtml
using following examples.@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
<div class="text-center">
<h1>Embedded Video Example</h1>
<p>The following video provides an introduction to WebMatrix:</p>
<!-- example 1 -->
<video id="VideoPlayer" src="~/Videos/one.mp4" type="video/mp4" controls="true"
width="400" height="350" loop="true"/>
<!-- example 2 -->
<video id="VideoPlayer" src=@Url.Content("~/Videos/one.mp4")" type="video/mp4" controls="true"
width="400" height="350" loop="true"/>
<!-- example 3 -->
<video id="VideoPlayer" controls="true" width="400" height="350">
<source src="~/Videos/one.mp4" type="video/mp4">
</video>
<!-- example 4 -->
<video id="VideoPlayer" controls="true" width="400" height="350">
<source src="@Url.Content("~/Videos/one.mp4")" type="video/mp4">
</video>
<!-- example 5 -->
<iframe width="560" height="315" src="~/Videos/one.mp4" frameborder="0" type="video/mp4"
allowfullscreen></iframe>
<!-- example 6 -->
<iframe width="560"
height="315"
type="video/mp4"
src="@Url.Content("~/Videos/one.mp4")"
frameborder="0"
allowfullscreen></iframe>
</div>
My net --version
is 6.0.100
Can someone help me with that?
According to the gunr2171's comment. Solution below:
one.mp4
file in: root/Videos/one.mp4
root/wwwroot/Videos/one.mp4
cshtml
:<video id="VideoPlayer" src="~/videos/one.mp4" controls width="450" height="450" loop />
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.