如何从数据库在主页上显示视频列表
How to Show video list on homepage from the database?
我将视频上传到服务器,并将视频路径和图像路径保存到数据库中。现在我想在我的主页上显示视频列表。我编写了代码,出现了用于流式传输视频的播放器,但没有显示视频列表。代码是 -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/
相关文章:
- 如何检测浏览器并根据浏览器显示视频
- 使用Lightbox2显示视频
- 如何使用Thickbox显示视频
- 显示视频JS的视频持续时间
- 如何在HTML页面中显示Javascript/Jquery值?VideoJs 显示视频的持久性
- After Effects ExtendScript - 随机隐藏和显示视频图层
- Brightcove:如何使用javascript显示视频观看次数
- 如何从数据库在主页上显示视频列表
- 如何在滑块中显示视频
- $(document).ready 或 window.onload 用于隐藏/显示视频
- 视频库:单击文本,显示视频
- 在 html5 网页中显示视频
- Videojs不显示视频
- google+和facebook风格的iframeyoutube视频.默认情况下显示视频图像,当图像点击视频播放时
- HTML5显示视频的缩略图预览
- 显示视频播放后弹出链接
- onLoad显示视频
- 通过AJAX读取后显示视频blob
- 浏览后如何在我的jsp中显示视频
- 我更新了相同的视频ID,但youtube-api v3仍然显示“视频未找到”