C# 无法在asp.net mvc中的网站中观看视频播放_C#_Asp.net_Asp.net Mvc_Video

C# 无法在asp.net mvc中的网站中观看视频播放

c# asp.net asp.net-mvc video

C# 无法在asp.net mvc中的网站中观看视频播放,c#,asp.net,asp.net-mvc,video,C#,Asp.net,Asp.net Mvc,Video,我正在尝试在我的asp.net mvc应用程序中嵌入两个.mp4视频我在我的项目目录中创建了一个名为Content的文件夹，并将两个视频都放在那里我正在尝试嵌入视频，如下所示： <video src="~/Content/somevideo.mp4" preload="auto" autoplay="autoplay" controls="controls" style="width:100%" muted="muted" loop="loop"></video>

我正在尝试在我的asp.net mvc应用程序中嵌入两个.mp4视频

我在我的项目目录中创建了一个名为Content的文件夹，并将两个视频都放在那里

我正在尝试嵌入视频，如下所示：

<video src="~/Content/somevideo.mp4" preload="auto" autoplay="autoplay" controls="controls" style="width:100%" muted="muted" loop="loop"></video>

问题是其中一个视频播放，而另一个视频根本不显示任何内容

是这样的-

非常感谢您的帮助。

HTML

<html>
<video id="videoclip"  title="Video title"  width="800" height="600"  controls autoplay>
<source  class="active" id="mp4video1" src="../Content/QMSVideo/video1.mp4" type="video/mp4">      
 <source id="mp4video2" src="../Content/QMSVideo/video2.mp4" type="video/mp4">
            <source id="mp4video3" src="../Content/QMSVideo/video3.mp4" type="video/mp4">
            <source id="mp4video4" src="../Content/QMSVideo/video4.mp4" type="video/mp4">
            <source id="mp4video5" src="../Content/QMSVideo/video5.mp4" type="video/mp4">
            <source id="mp4video6" src="../Content/QMSVideo/video6.mp4" type="video/mp4">

</video>
<html>

Javascript

<script type="text/javascript">

    var myvid = document.getElementById('videoclip');
    for (i = 1; i <= 1; i++) {
        debugger;
    myvid.addEventListener('ended', function (e) {
        // get the active source and the next video source.
        // I set it so if there's no next, it loops to the first one

        var activesource = document.querySelector("#videoclip source.active");

        var nextsource = document.querySelector("#videoclip source.active + source") || document.querySelector("#videoclip source:first-child");
        // deactivate current source, and activate next one
        activesource.className = "";
        nextsource.className = "active";
        // update the video source and play
        myvid.src = nextsource.src;
        myvid.play();
    });
        }

</script>


var myvid=document.getElementById（'videoclip'）；
对于（i=1；我在您的src
属性中，您是否在视图中使用了Razor语法？是的，我使用了。我甚至尝试将此上载到Azure存储并从那里指向url。但我仍然遇到相同的问题。此外，其他视频显示正确。尝试一个名为mediaInfo的工具…它对工作和非工作视频都说明了什么配置文件类型？请确保这两个视频在mp4文件中都有h264视频编解码器。否则，请将有问题的26秒视频链接到该视频，以便我们自己进行测试。。。