PHP内置服务器下HTML视频controls进度跳转功能失效如何解决？

当你通过php -S localhost:3000启动PHP内置服务器，运行包含HTML5 video标签的页面时，会遇到拖动进度条跳转视频位置后，视频自动回到开头的问题——即便video标签已经添加了controls属性。

问题原因 #

PHP内置服务器默认不支持HTTP范围请求（Range Requests），而HTML5视频的进度跳转功能依赖该请求来获取视频文件的指定片段。缺少这个支持时，服务器只会返回完整的视频文件，浏览器无法定位到指定播放位置，只能从头开始播放。

解决方案 #

1. 改用成熟Web服务器

放弃PHP内置服务器，使用Apache、Nginx这类生产级Web服务器，它们默认支持HTTP范围请求，部署后视频进度条跳转即可正常工作。

2. 给PHP内置服务器添加范围请求支持

编写简单的PHP路由脚本，让内置服务器能够处理Range请求：

• 创建router.php文件，写入以下代码：

  <?php
  $path = $_SERVER['REQUEST_URI'];
  $file = __DIR__ . $path;
  
  if (!file_exists($file) || is_dir($file)) {
      $file = __DIR__ . '/index.html';
  }
  
  $mime_type = mime_content_type($file);
  header("Content-Type: $mime_type");
  
  if (isset($_SERVER['HTTP_RANGE'])) {
      list($unit, $range) = explode('=', $_SERVER['HTTP_RANGE'], 2);
      if ($unit !== 'bytes') {
          header('HTTP/1.1 416 Requested Range Not Satisfiable');
          header("Content-Range: bytes */" . filesize($file));
          exit;
      }
      list($start, $end) = explode('-', $range, 2);
      $start = (int)$start;
      $file_size = filesize($file);
      $end = $end === '' ? $file_size - 1 : (int)$end;
      $end = min($end, $file_size - 1);
      $length = $end - $start + 1;
  
      header('HTTP/1.1 206 Partial Content');
      header("Content-Length: $length");
      header("Content-Range: bytes $start-$end/$file_size");
  
      $fp = fopen($file, 'rb');
      fseek($fp, $start);
      echo fread($fp, $length);
      fclose($fp);
  } else {
      header("Content-Length: " . filesize($file));
      readfile($file);
  }
  ?>
  

• 启动服务器时指定该路由脚本：

  php -S localhost:3000 router.php
  

  此时服务器就能处理Range请求，视频进度条跳转功能恢复正常。

3. 检查视频文件编码

部分视频文件因编码问题无法支持流式播放，可尝试重新编码视频，优先选择浏览器兼容性好的格式（如H.264编码的MP4）。

内容的提问来源于Stack Exchange，提问作者John Pham