Hi nauna,
I have created a sample which full fill your requirement you need to modify the code according to your need.
HTML
<div>
<div>
<asp:ListView ID="lvVideos" runat="server">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<video id="video" controls width="250px" class="border">
<source src='<%# Eval("video") %>' preload="auto" type="video/mp4"></source>
</video>
</td>
</tr>
</table>
<br />
</ItemTemplate>
</asp:ListView>
</div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('[id*=video]').mouseenter(function () {
$(this).get(0).play();
});
$('[id*=video]').mouseout(function () {
$(this).get(0).pause();
});
});
</script>
</div>
</div>
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.Add("video");
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4");
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4");
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4");
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4");
lvVideos.DataSource = dt;
lvVideos.DataBind();
}
}
VB.Net
Protected Sub Page_Load(sender As Object, e As EventArgs)
If Not Me.IsPostBack Then
Dim dt As New DataTable()
dt.Columns.Add("video")
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4")
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4")
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4")
dt.Rows.Add("https://vjs.zencdn.net/v/oceans.mp4")
lvVideos.DataSource = dt
lvVideos.DataBind()
End If
End Sub
Screenshot
