有時視頻加載得很好，而其他時間則需要永久加載，或根本不加載？

Question

我有一個10秒的視頻剪輯，以及該視頻剪輯來自我的網站的完整視頻。 10秒的視頻設置爲（自動播放，預加載=自動和靜音），並將完整視頻設置爲（預加載=無），並且設置爲僅在單擊時加載。這些視頻都是.mp4。

我在我的計算機上將我的網站發佈到IIS，然後我轉到本地主機，並且該網站將正常加載。 10秒的視頻在我的視頻輪播中加載得很好，但是當我點擊該視頻轉到關於視頻的專用頁面時，10秒視頻將按照它應該加載的方式進行加載，或者要麼加載幾秒鐘，要麼不加載負載的一切??

即使10秒的視頻沒有加載，完整的視頻也會加載完美我仍然可以點擊它應該在的空間（我有一個點擊的div可以激活完整的視頻而不是點擊剪輯） ，完整的視頻將打開，並開始播放罰款？

我無法弄清楚是什麼導致了這個問題，因爲視頻在主頁上加載的很好，即使同時在輪播中加載了5個其他視頻，但是當它在它自己的頁面上時它不會幾乎每次加載..？我嘗試清除緩存並重新加載頁面，但仍然有90％的時間只是不加載？

所以有人可以告訴我什麼可能會導致一個10秒的視頻2.2MB不加載預加載時，但90.2mb的視頻將立即加載即使預加載關閉時加載？即使我重新加載頁面，然後點擊立即加載完整的視頻，它會立即加載？我真的在主頁上有相同的代碼來獲取視頻剪輯並播放它，每次都有效！

10秒剪輯：我有這些視頻剪輯的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> 

，並在主頁上：

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

我可以的嘛想到的是視頻剪輯的預加載不是激活的有時出於某種原因，因爲它在大約5％的時間內完美工作，5％的時間比平時花費的時間更長，但仍然加載，另外90％的時間只是從未加載，但在主頁上它會在95％的時間內完成加載，而其他5％的時間最終會加載，但需要比正常時間更長的時間。

- 編輯 -

我已經把我的5輪播影片播放同一視頻剪輯每張幻燈片上，似乎當我重新加載頁面我清除後加載視頻3出5張幻燈片緩存，但當我第二次重新加載頁面時，它加載它們都很好，但仍然在專用頁面上，它不加載剪輯。我還加入了 $（document）.ready（function（）{...}）;它首先加載了剪輯，這讓我充滿希望，這將是答案，但在刷新頁面後，即使在清除緩存之後它仍然不會加載，如果它正在加載或不加載，它是隨機的。

--edit2--找到了最奇怪的事情！我檢查了元素，並從彈出的視頻中刪除了完整的視頻，因爲它後面是視頻剪輯，所以我能夠看到視頻剪輯的視頻控件，而奇怪的是視頻剪輯實際上加載得很好，但最奇怪的是點擊播放什麼都不做？我點擊播放，然後我必須點擊幾秒鐘進入視頻，然後開始播放？任何人都有任何想法，爲什麼發生這種情況？

Answer 1

您還沒有包裹jQuery代碼在

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

始終是一個良好的開端與任何負載問題。