我有一個網站與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>
提高手機加載速度的唯一方法是縮小手機質量,或者獲得更好的連接。 –
@Sean這可能是一個元數據問題。如果放置在文件末尾,則必須下載其他所有字節才能到達元。 MPEG解碼器需要正確播放MP4視頻。你有一個MP4文件也保存在磁盤上嗎?如果是,請用[** hex editor **](https://www.onlinehexeditor.com/)打開它以查看文件字節。如果首先看到「mdat」這個詞,而不是首先在5行左右看到「moov」,這意味着您的元數據位於文件總字節的後面/結尾。它必須通過一些編輯器工具移動到前面。搜索'修復mp4 moov前'... –
@sean有一個鏈接到一個慢mp4?這是一個經典的MP4問題。如果元數據在前面,那麼視頻可以更快地播放(或立即顯示圖片),因爲元告訴所有播放器**文件字節中的**是**實際**視頻幀和音頻幀等。如果它太複雜做一個基本的檢查和解決一些免費的工具,然後我感到抱歉這樣的Web開發人員和他們的客戶或最終用戶。 –