title: How to show Images from a video as preview for playlist
body: <p>You guys Have seen Youtube right. There while you are watching a video, You will also get related videos preview alongwith link. So how we can get it from video itself.. Is it possible to do so.. I am able to get the url from database and display it.. and when the link is clicked it will be played in a jquery player.. So before that a preview of that or you can say playlist of that will be available for user.</p>
  
  <p><strong>I have updated my code with a link I found.. But still I am not able to get the Image from Video.. Is there anything wrong in my code.. Please correct me if I am wrong..</strong></p>
  
  <p>Below is my front end code:</p>
  
  <pre><code>&lt;form id="form1" runat="server"&gt;
      &lt;div id="examples" runat="server" style="height:100%;width:100%"&gt;
          &lt;div id="vidhead"&gt;Latest Videos&lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;/form&gt;
  </code></pre>
  
  <p>and I am adding all my video links from backend on page load as shown below:</p>
  
  <pre><code>   try
      {
          con.Open();
          com = new SqlCommand("Select videourl, videoname from video order by [vid] desc",con);
          DbDataReader dr = com.ExecuteReader();
          DataTable dt = new DataTable();
  
          if (dr.HasRows)
          {
  
              int i = 0;
              dt.Load(dr);
              int rows = dt.Rows.Count;
  
  
              for (i = 0; i &lt; rows; i++)
              {
                  HtmlGenericControl d = new HtmlGenericControl("div");
                  HtmlGenericControl s = new HtmlGenericControl("span");
                  string[] link = new string[rows];
                  string[] name = new string[rows];                    
  
                  d.Attributes.Add("class", "plst");
                  s.Attributes.Add("class", "text");
                  link[i] = dt.Rows[i]["videourl"].ToString();
                  name[i] = dt.Rows[i]["videoname"].ToString();
                  string videothumb = link[i];
                  string svthto="**Path to save Image**";
                  string imgpath=GetVideoThumbnail(videothumb, svthto, 30);
  
                  sb.Append("&lt;a id=" + "\"a" + i + "\"" + " href=" + "\"" + link[i] + "\"" + " class=" + "\"links\"" + "&gt;" + name[i] + "&lt;/a&gt;");
                  s.InnerHtml = sb.ToString();
                  d.Controls.Add(s);
                  examples.Controls.Add(d);
                  sb.Clear();
  
  
              }
          }
  
  
      }
      catch(Exception ex)
      {
          ex.Message.ToString();
      }
  
  public string GetVideoThumbnail(string path, string saveThumbnailTo, int seconds)
  {
      string parameters = string.Format("-ss {0} -i {1} -f image2 -vframes 1 -y {2}", seconds, path, saveThumbnailTo);
      string pathToConvertor = "C:\\Program Files\\ffmpeg\\ffmpeg.exe";
      var processInfo = new ProcessStartInfo();
      processInfo.FileName = pathToConvertor;
      processInfo.Arguments = parameters;
      processInfo.CreateNoWindow = true;
      processInfo.UseShellExecute = false;
  
      File.Delete(saveThumbnailTo);
  
      using (var process = new Process())
      {
          process.StartInfo = processInfo;
          process.Start();
          process.WaitForExit();
      }
  
      if (File.Exists(saveThumbnailTo))
          return saveThumbnailTo;
      else
          return "File not Found";
  }
  </code></pre>
  
  <p>and here is the image of what I am getting until now:
  <img src="https://i.stack.imgur.com/lJzpU.png" alt="Sample"></p>
  
  <p><strong>Please note: I am not concentrating on you tube videos. I am questioning regarding the videos which I store in server side folder. So if there is any jquery technique or any sort of technique to do this then please let me know.:)</strong></p>