视频加载速度慢移动

我有一个网站与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>

来源

2017-10-11 Sean

提高手机加载速度的唯一方法是缩小手机质量，或者获得更好的连接。 –

@Sean这可能是一个元数据问题。如果放置在文件末尾，则必须下载其他所有字节才能到达元。 MPEG解码器需要正确播放MP4视频。你有一个MP4文件也保存在磁盘上吗？如果是，请用[** hex editor **]（https://www.onlinehexeditor.com/）打开它以查看文件字节。如果首先看到“mdat”这个词，而不是首先在5行左右看到“moov”，这意味着您的元数据位于文件总字节的后面/结尾。它必须通过一些编辑器工具移动到前面。搜索'修复mp4 moov前'... –

@sean有一个链接到一个慢mp4？这是一个经典的MP4问题。如果元数据在前面，那么视频可以更快地播放（或立即显示图片），因为元告诉所有播放器**文件字节中的**是**实际**视频帧和音频帧等。如果它太复杂做一个基本的检查和解决一些免费的工具，然后我感到抱歉这样的Web开发人员和他们的客户或最终用户。 –

（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。

来源

2017-10-13 02:30:58

我在哪里vid 1.mp4？空间不适用于这样的大多数事情，至于为什么我没有任何东西......如果我确实请告诉我在哪里，所以我可以修复它。还iv增加preload =“none”，如上文所示，希望它的加载速度更快。虽然我想出了一些东西......他们缓冲时，点击播放，他们不缓冲一半，发挥他们充分缓冲然后播放这就是为什么它的移动缓慢.... – Sean

看看你的投资组合HTML的源代码的任何错误。视频标签号码1,2,3,5和8都具有带空格的文件名。看到他们的'src'参数。PS：我在台式机上进行过测试而不是手机，而且视频加载速度很慢。为什么几秒钟的少量KB视频会停止至少5次，每停留一次，它会在3秒内缓冲一小部分？这就是为什么我怀疑你的服务器。 –

有没有空格？我不明白？请指出哪里？我很困惑？我没有空间，所以你说哪里有？ – Sean

视频加载速度慢移动

回答

相关问题