Laravel中为JW Player视频添加自定义缩略图的方法

完全可以用自定义缩略图替换JW Player自动生成的版本，下面是具体实现方式：

基础前端配置方式 #

初始化JW Player时，直接在配置参数中指定image字段，填入你的自定义缩略图URL即可。如果缩略图存储在Laravel的public/storage/thumbnails目录下，可通过asset()函数生成正确的访问路径：

jwplayer('video-player').setup({
  file: '{{ asset("storage/videos/demo.mp4") }}',
  image: '{{ asset("storage/thumbnails/my-custom-thumb.jpg") }}',
  width: '100%',
  height: 'auto'
});

结合Laravel模型动态渲染 #

如果你的视频和缩略图信息存在数据库中（比如有Video模型，包含video_path和thumbnail_path字段），可以在视图中动态生成播放器配置：

@foreach($videos as $video)
  <div id="player-{{ $video->id }}" class="video-player"></div>
  <script>
    jwplayer('player-{{ $video->id }}').setup({
      file: '{{ asset("storage/" . $video->video_path) }}',
      image: '{{ asset("storage/" . $video->thumbnail_path) }}',
      width: '100%',
      height: 'auto'
    });
  </script>
@endforeach

注意事项 #

• 若使用Laravel的storage目录存储缩略图，需先执行命令php artisan storage:link创建软链接，确保前端能访问到该目录下的文件。
• 建议缩略图尺寸遵循16:9的比例，适配JW Player的默认显示比例，获得更好的视觉效果。

内容的提问来源于stack exchange，提问作者Masum Patel