Javascript 视频有时加载很好,有时加载需要花费很长时间,或者不加载';你根本就没装吗?

Javascript 视频有时加载很好,有时加载需要花费很长时间,或者不加载';你根本就没装吗?,javascript,html,asp.net,model-view-controller,preload,Javascript,Html,Asp.net,Model View Controller,Preload,我有一个10秒的视频剪辑,和一个完整的视频剪辑是从我的网站。10秒视频设置为(自动播放,预加载=自动,静音),完整视频设置为(预加载=无),并设置为仅在单击时加载。这两个视频都是.mp4 我将我的站点发布到我计算机上的IIS,然后转到localhost,站点将正常加载。10秒的视频可以在我的视频转盘上加载,但是当我点击它进入关于视频的专用页面时,10秒的视频要么像它应该加载的那样加载,要么加载需要额外几秒钟,要么根本不加载 完整视频每次加载都会非常完美,即使10秒的视频没有加载,我仍然可以单击它

我有一个10秒的视频剪辑,和一个完整的视频剪辑是从我的网站。10秒视频设置为(自动播放,预加载=自动,静音),完整视频设置为(预加载=无),并设置为仅在单击时加载。这两个视频都是.mp4

我将我的站点发布到我计算机上的IIS,然后转到localhost,站点将正常加载。10秒的视频可以在我的视频转盘上加载,但是当我点击它进入关于视频的专用页面时,10秒的视频要么像它应该加载的那样加载,要么加载需要额外几秒钟,要么根本不加载

完整视频每次加载都会非常完美,即使10秒的视频没有加载,我仍然可以单击它应该在的空间(我有一个被单击的div,它激活了完整视频,而不是剪辑的单击),完整视频将打开,并开始正常播放

我不知道是什么原因导致了这个问题,因为即使有5个其他视频同时加载到旋转木马上,视频也会在主页上正常加载,但当它在自己的页面上时,它几乎不会每次都加载。。?我尝试清除缓存并重新加载页面,但90%的时间它还是不加载

那么,有人能告诉我,当预加载打开时,是什么导致10秒2.2mb的视频无法加载,而当预加载关闭时,90.2mb的视频会立即加载??即使我重新加载页面,然后单击立即加载完整视频,它也几乎会立即加载??我真的在主页上有相同的代码来获取视频剪辑并播放,每次都有效

10秒剪辑:我在这些视频剪辑周围有一些div,这些div有一个id,因此可以在加载视频的其他页面上加载该div

<video preload="auto" src="@Url.Content("~/Content/Video/")@item.clip" autoplay loop="" muted style="width:100%;"></video>

完整视频:

<video id="videoClick1" controlsList="nodownload" src="@Url.Content("~/Content/Video/")@item.selectFile" preload="none" controls style="width:100%;"></video>

以下是视频的加载位置:

<div id="fullVideoClick">
     <div id="video2">
     </div>
     <div id="video1">
     </div>
</div>
<script>
     $("#video1").load("/VideoCarousels/index #profileVideo1");
     $("#video2").load("/VideoCarousels/index #carouselVideo1");
</script>

$(“#video1”).load(“/VideoCarousels/index#profileVideo1”);
$(“#video2”).load(“/VideoCarousels/index#carouselVideo1”);
在主页上:

<div id="video1">
</div>
<script>
     $("#video1").load("/VideoCarousels/index #carouselVideo1");
</script>

$(“#video1”).load(“/VideoCarousels/index#carouselVideo1”);
我能想到的唯一一件事是,视频剪辑的预加载有时由于某些原因没有激活,因为它在5%的时间内工作正常,5%的时间比平常长,但仍在加载,另外90%的时间它从未加载,但在主页上,它在95%的时间内加载正常,另外5%的时间最终会加载,但比正常时间要长

--编辑--

我已经将我的5个视频旋转木马设置为在每张幻灯片上播放相同的视频片段,当我清除缓存后重新加载页面时,它似乎加载了5张幻灯片中的3张,但当我第二次重新加载页面时,它会加载所有幻灯片,但仍然在专用页面上,它不会加载片段。我还加了 $(文档).ready(函数(){…});它最初加载了剪辑,这让我对答案充满了希望,但在再次刷新页面后,剪辑不再加载,即使在清除缓存后,无论是否加载,它都是随机的

--编辑2--
发现了最奇怪的东西!我检查了元素,删除了弹出的完整视频,因为在它后面是视频剪辑,所以我可以看到视频剪辑的视频控件,奇怪的是视频剪辑实际上加载得很好,但最奇怪的是点击播放什么都没做??我点击播放,然后我必须点击几秒钟进入视频,然后它开始播放???有人知道为什么会发生这种情况吗?

您还没有将jQuery代码打包好

$(document).ready(function(){ ... });

对于任何负载问题,都是一个很好的起点。

为了解决问题,您是否每次尝试都会清除缓存?视频可能正在播放中cache@Nevosis我将重新加载页面几次,然后转到其他页面,然后返回,然后我将清除缓存,然后重试。谢谢,我甚至没有想到在它实际加载加载视频的脚本的地方尝试,但遗憾的是,它没有解决问题。