视频有时会加载很好，有时需要永久​​加载，或根本不加载？

Question

我有一个10秒的视频片段，以及视频片段来自我网站的完整视频。 10秒视频设置为（自动播放，预加载=自动和静音），完整视频设置为（preload = none）并设置为仅在单击时加载。视频都是.mp4。

我将我的网站发布到我的计算机上的IIS，然后我转到localhost，该网站将加载正常。 10秒的视频在我的视频轮播中加载很好，但是当我点击它去关于视频的专用页面时，10秒视频将按照它应该加载，或者加载或者不加载几秒钟加载吗？

即使10秒的视频没有加载，完整的视频每次都会加载完美我仍然可以点击它应该的空间（我有一个点击的div激活完整的视频而不是点击剪辑），并且完整的视频将打开，并开始播放？

我无法弄清楚是什么导致了这个问题，因为即使同时在转盘上加载了5个其他视频，视频也会在主页面上正常加载，但是当它在自己的页面上时它只是不加载几乎每次..？我尝试清除缓存，并重新加载页面，但仍然有90％的时间它只是不加载？

所以有人可以告诉我，当预加载打开时，什么可能导致10秒的视频2.2mb无法加载，但即使预载已关闭，即时激活的90.2mb的视频也会加载？即使我重新加载页面，然后点击立即加载完整的视频，它几乎会立即加载？我确实在主页上有相同的代码来获取视频剪辑并播放它每次都有效！

10秒剪辑：我在这些带有ID的视频片段周围有div，因此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>

并在主页上：

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

我唯一能想到的是视频片段的预加载由于某种原因有时无法激活，因为它在5％的时间内完美运行，5％的时间比平时花费的时间更长，但仍然加载，以及其他90％的时间它从未加载，但在主页面上它加载完美的95％的时间，而其他5％的时间它将最终加载，但需要更长的时间，然后正常。

- 编辑 -

我已将我的5个视频轮播设置为在每张幻灯片上播放相同的视频剪辑，当我清除缓存后，当我重新加载页面时，似乎加载了5个幻灯片中的3个视频，但是当我重新加载页面时时间它加载它们都很好，但仍然在专用页面上它只是不加载剪辑。我也加入了 $（document）.ready（function（）{...}）;它首先加载剪辑，这让我有希望这将是答案，但在刷新页面之后，即使清除缓存后剪辑也不再加载，如果要加载或不加载它是随机的。

- edit2-- 发现了最奇怪的事情！我检查了元素，并删除了弹出的完整视频，因为它背后是视频剪辑，所以我能够看到视频剪辑的视频控件，有什么奇怪的是视频剪辑实际上是正常加载的，但最奇怪的是点击播放什么都没做？我点击播放，然后我必须点击几秒钟进入视频，然后它开始播放???任何人都知道为什么会发生这种情况？

Answer 1

您还没有在

中包装您的jQuery代码

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

始终是解决任何负载问题的好地方。