Как показать список видео на главной странице в базе данных?

Question

Я загрузил видео на сервер и сохранил видеопату и путь изображения в базе данных. Теперь я хочу показать списки видео на моей домашней странице. Я написал код, появился плеер для потоковой передачи видео, но не список видео. эти коды - C# код позади -

 [WebMethod] 
    public static List<Video> loadVideo(string value) 
    { 
     IList<Video> video = VideoManager.GetHomePageVideo(); 
     if (video == null) 
     { 
      video = new List<Video>(); 
     } 
     return video.ToList(); 
    } 

И HTML и JavaScript код для -

PageMethods.loadVideo('', loadVideoSuccess); 
function loadVideoSuccess(result) { 
      $("#dvVideo").html(''); 
      var html = ''; 
      for (var i = 0; i < result.length; i++) { 
       html += "<div style=\" border: solid 1px gray;\">"; 
       html += "<a style=\"cursor: pointer;\" onclick=\"LoadVideo('" + result[i].VideoPath.split('/')[1] + "');\"><img src=\"" + result[i].ImagePath + "\" width=\"70\" style=\"background-color:black;\" />" + resul[i].Title + "</a>"; 
       //html += " :: <a href=\"Pages/Gallery/Videos.aspx?videoId=" + result[i].ID + " " + result[i].Title + </a>; 
       html += "</div>"; 
      } 
      $("#dvVideo").append(html); 
     } 
<div class="widget-main"> 
       <div class="widget-main-title"> 
        <h4 class="widget-title">Latest Videos</h4> 


       </div> 
        <div class="widget-inner" id="dvVideo"> 
        <div style=""> 
          <div id="myElement">Loading the player...</div> 
        </div> 
        </div> 
        <script type="text/javascript"> 
         jwplayer("myElement").setup({ 
          file: "Uploads/Ar_Rahman_Edited.mp3", 
          image: "video/RoboCop.jpg", 
          height: 320, 
          width: 332, 
          skin: "jwplayer-skins/six.xml" 
         }); 
         function loadVideo(file) { 
          var filename = 'Uploads/' + file; 
          jwplayer("myElement").setup({ 
           file: filename, 
           image: "video/RoboCop.jpg", 
           height: 320, 
           width: 332, 
           autostart: true, 
           skin: "jwplayer-skins/six.xml" 
          }); 
         } 
        </script> 
       </div> 

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

Answer 1

Пожалуйста, попробуйте приведенную ниже ссылку и попробуйте этот способ и, пожалуйста, не пытайтесь смешивать и испортить html и javascript вместе. Держите оба отдельно.

//http://jsfiddle.net/ramp/nF7Mw/