2017-10-11 136 views
0

我有一個網站與mp4視頻和jpg海報,但vids加載速度非常緩慢的移動速度呢?四,重命名的文件名,但這裏是我的代碼:視頻加載速度慢移動

<div class="w3-row-padding" style="margin-bottom:128px"> 
 
    <div class="w3-half w3-center"> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    </div> 
 
    <div class="w3-half w3-center"> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
     <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 

 
    <br> 
 
    <br> 
 
    <br> 
 
    <div class="w3-right"> 
 
     <a title="Next" href="page-2.html" class="w3-button border">Next</a> 
 
     <a style="margin-right: 100px;" href="page-2.html" class="w3-button border">2</a> 
 
    </div> 
 
    </div> 
 
</div>

+1

提高手機加載速度的唯一方法是縮小手機質量,或者獲得更好的連接。 –

+0

@Sean這可能是一個元數據問題。如果放置在文件末尾,則必須下載其他所有字節才能到達元。 MPEG解碼器需要正確播放MP4視頻。你有一個MP4文件也保存在磁盤上嗎?如果是,請用[** hex editor **](https://www.onlinehexeditor.com/)打開它以查看文件字節。如果首先看到「mdat」這個詞,而不是首先在5行左右看到「moov」,這意味着您的元數據位於文件總字節的後面/結尾。它必須通過一些編輯器工具移動到前面。搜索'修復mp4 moov前'... –

+0

@sean有一個鏈接到一個慢mp4?這是一個經典的MP4問題。如果元數據在前面,那麼視頻可以更快地播放(或立即顯示圖片),因爲元告訴所有播放器**文件字節中的**是**實際**視頻幀和音頻幀等。如果它太複雜做一個基本的檢查和解決一些免費的工具,然後我感到抱歉這樣的Web開發人員和他們的客戶或最終用戶。 –

回答

0

(1)嘗試添加preload="none"在你<video>標籤設置的最後參數。

<video controls height="380" width="512" class="video" poster="Images/thg.jpg" controlsList="nodownload noaudio" preload="none"> 
<source src="videos/Comp 1.mp4" type="video/mp4"> Your browser does not support the video tag. 
</video> 

的問題是你的頁面上的所有影片試圖緩衝/負載一下子,拖慢了一切。使用預加載=「無」將停止任何預加載,直到用戶選擇播放(它們將加載更快)。

另一件事可能是你只是有一個緩慢的服務器。一個視頻文件只有500多KB,但仍然以小塊進行緩衝。在我的互聯網上,我預計500 KB數據將在一瞬間完全加載。

檢查您的服務器提供商是否以某種方式在發出文件請求時限制或限制發送的數據包的速度/大小。

(2)請勿在網址中使用空格 /引號/冒號/括號等...!
雖然有些瀏覽器可能會爲您解決這個問題(鏈接/ URL中的空格編輯爲%20),但仍然不能保證其他應用程序將接受vid 1.mp4,除非您記得要求該文件爲vid%201.mp4。使用下劃線vid_1.mp4或短劃線vid-1.mp4或根本沒有空格作爲vid1.mp4

+0

我在哪裏vid 1.mp4?空間不適用於這樣的大多數事情,至於爲什麼我沒有任何東西......如果我確實請告訴我在哪裏,所以我可以修復它。還iv增加preload =「none」,如上文所示,希望它的加載速度更快。雖然我想出了一些東西......他們緩衝時,點擊播放,他們不緩衝一半,發揮他們充分緩衝然後播放這就是爲什麼它的移動緩慢.... – Sean

+0

看看你的投資組合HTML的源代碼的任何錯誤。視頻標籤號碼1,2,3,5和8都具有帶空格的文件名。看到他們的'src'參數。PS:我在臺式機上進行過測試而不是手機,而且視頻加載速度很慢。爲什麼幾秒鐘的少量KB視頻會停止至少5次,每停留一次,它會在3秒內緩衝一小部分?這就是爲什麼我懷疑你的服務器。 –

+0

有沒有空格?我不明白?請指出哪裏?我很困惑?我沒有空間,所以你說哪裏有? – Sean