如何从数据库在主页上显示视频列表

How to Show video list on homepage from the database?

本文关键字:显示 视频 列表 主页 数据库      更新时间:2023-09-26

我将视频上传到服务器,并将视频路径和图像路径保存到数据库中。现在我想在我的主页上显示视频列表。我编写了代码,出现了用于流式传输视频的播放器,但没有显示视频列表。代码是 -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>

现在请帮助我为什么它没有在我的主页上显示视频列表?我应该为它做什么?

请尝试下面的链接并尝试这样做,请不要尝试将html和javascript混合在一起。将两者分开。

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