Не воспроизводится видео

В чем может быть причина? Через консоль разработчика в браузере путь показывает верный, но воспроизведения нет

PHP:

1.  
2. $result_videos = $pdo->query("SELECT id_img, image, id_ticket FROM images WHERE id_ticket = '" . $row['id_ticket'] . "' AND image REGEXP '\\.(mp4|mpeg4|mpeg|mkv|avi)$'");
3. $videos = $result_videos->fetchAll(PDO::FETCH_ASSOC);
4. if (!empty($videos)) {
5.       $unique_videos = array();
6.       echo "<div style='display: flex; flex-wrap: wrap;'>";
7.       foreach ($videos as $video_row) {
8.           $video_ext = strtolower(pathinfo($video_row['image'], PATHINFO_EXTENSION));
9.           if (in_array($video_ext, ['mp4', 'mpeg4', 'mpeg', 'mkv', 'avi']) && !array_key_exists($video_row['image'], $unique_videos)) {
10.               echo "<video src='uploads/" . $video_row['image'] . "' style='max-width: 50px; height: 50px; margin: 3px;' onclick='enlargeMedia(\"uploads/" . $video_row['image'] . "\")'></video>";
11.               $unique_videos[$video_row['image']] = true;
12.           }
13.       }
14.       echo "</div>";
15.   }
16. echo "<video id='video' controls autoplay><source id='video-source' src='' type='video/mp4'></video>";
17. echo "<button id='play-pause'>Pause</button>";
18. echo "<input id='seek-bar' type='range' min='0' max='100' step='0.1' value='0'>";
19. echo "</div>";
20.  
21. echo "<script>
22. var video = document.getElementById('video');
23. var videoSource = document.getElementById('video-source');
24. var playPauseButton = document.getElementById('play-pause');
25. var seekBar = document.getElementById('seek-bar');
26.  
27. function enlargeMedia(videoPath) {
28.  videoSource.src = videoPath;
29.  document.getElementById('video-container').style.display = 'block';
30. }
31.  
32. function playPauseVideo() {
33.  if (video.paused) {
34.    video.play();
35.    playPauseButton.textContent = 'Pause';
36.  } else {
37.    video.pause();
38.    playPauseButton.textContent = 'Play';
39.  }
40. }
41.  
42. function updateSeekBar() {
43.  var value = (video.currentTime / video.duration) * 100;
44.  seekBar.value = value;
45. }
46.  
47. function seekVideo() {
48.  var value = (seekBar.value / 100) * video.duration;
49.  video.currentTime = value;
50. }
51.  
52. video.addEventListener('timeupdate', updateSeekBar);
53. playPauseButton.addEventListener('click', playPauseVideo);
54. seekBar.addEventListener('change', seekVideo);
55. </script>";