我如何使用javascript jw player从数据库播放视频 [英] how can i play videos from database usinng javascript jw player

查看:60
本文介绍了我如何使用javascript jw player从数据库播放视频的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个网格视图,其中包含使用视频ID导航到特定视频的超链接



这里是html代码

< pre lang =HTML> < asp:GridView ID = GridView1 runat = server AutoGenerateColumns = False DataKeyNames = video_id DataSourceID = ObjectDataSource2 OnSelectedIndexChanged = GridView1_SelectedIndexChanged >
< >
< asp:BoundField DataField = video_id HeaderText = video_id ReadOnly = True SortExpression = video_id / >
< asp:BoundField DataField = video_name HeaderText = video_name SortExpression = video_name / >

< asp:BoundField DataField = video_language HeaderText = video_language SortExpression = video_language < span class =code-keyword> / >
< asp:BoundField DataField = videos_loc HeaderText = videos_loc SortExpression = videos_loc / >
< asp:HyperLinkField DataNavigateUrlFields = video_id DataNavigateUrlFormatString = player1.aspx?video_id = {0} HeaderText = 播放视频 文字 = 播放视频 / >

< / Columns >
< / asp :GridView >





它将路径发送到另一个叫做播放器的页面,它应该用jw播放器播放视频



 < ;   head     runat   =  server >  


< title > < / title >
< script src = < span class =code-keyword> http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js 类型 = text / javas cript > < / script >
< script src = http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js type = < span class =code-keyword> text / javascript > < < span class =code-keyword> / script >
< span class =code-keyword>< link href = http:// ajax .googleapis.com / ajax / libs / jqueryui / 1.8 / themes / base / jquery-ui.css rel = 样式表 type = text / css / >

< script src = jwplayer.js type = text / javascript > < / < span class =code-leadattribute> script >
< script type = text / javascript >

$( document )。ready( function (){
jwplayer( PlayMP4Video)。setup({
file: / Video / Low5MB.wmv
flashplayer: player.swf
});
});
< / script >





< / head >
< 正文 >
< 表单 id = form1 < span class =code-attribute> runat = server >
< div >


< asp :LinkBut​​ton ID = LinkBut​​ton1 runat = server onclick = LinkBut​​ton1_Click > ;
< div class = extra-wrap > < < span class =code-leadattribute> span > 创建用户帐户

< / span >

< / div >

< / asp:LinkBut​​ton >
< div id = mediaplayer > JW Player此处< / div >

< script 类型 = text / javascript src = jwplayer.js > < / < span class =code-leadattribute> script >

< script type = text / javascript >

jwplayer( mediaplayer)。 setup({

flashplayer: player.swf

file: / Video / Low5MB.wmv

});

< / script >



< / div >

< / form >





i使用链接按钮来测试视频是否播放但我已经从视频文件夹中声明了一个特定文件,并在播放器页面后面显示以下c#代码



 受保护  void  LinkBut​​ton1_Click(  object  sender,EventArgs e)
{
LinkBut​​ton1.Text = videoplay( / Video / Low5MB.wmv);

// video.Text = videoplay(Videos / video20.avi);
}
受保护 字符串 videoplay( string links)
{
string val;
val = < embed type ='application / x-mplayer2'pluginspage ='http:// microsoft.com/windows/mediaplayer/en/download/'id='EMBED1'name ='mediaPlayer'displayize ='4'autosize =' - 1'bgcolor ='green'showcontrols ='true'showtracker =' - 1' showdisplay ='0'showstatusbar =' - 1'videoborder3d =' - 1'width ='800'height ='285'src =' + links + 'autostart ='false'designtimesp ='5311'loop ='false'>;
val = val + < / embed>;
return val;
}







如何从网格视图播放视频到玩家?我可以使用javascript吗?





请帮助



any代码或建议将不胜感激



谢谢

解决方案

document )。ready( function (){
jwplayer( PlayMP4Video)。setup({
file: /Video/Low5MB.wmv
flashplayer: player.swf
});
});
< / script >





< / head >
< 正文 >
< 表单 id = form1 < span class =code-attribute> runat = server >
< div >


< asp :LinkBut​​ton ID = LinkBut​​ton1 runat = server onclick = LinkBut​​ton1_Click > ;
< div class = extra-wrap > < < span class =code-leadattribute> span > 创建用户帐户

< / span >

< / div >

< / asp:LinkBut​​ton >
< div id = mediaplayer > JW Player此处< / div >

< script 类型 = text / javascript src = jwplayer.js > < / < span class =code-leadattribute> script >

< script type = text / javascript >

jwplayer( mediaplayer)。 setup({

flashplayer: player.swf

file: / Video / Low5MB.wmv

});

< / script >



< / div >

< / form >





i使用链接按钮来测试视频是否播放但我已经从视频文件夹中声明了一个特定文件,并在播放器页面后面显示以下c#代码



 受保护  void  LinkBut​​ton1_Click(  object  sender,EventArgs e)
{
LinkBut​​ton1.Text = videoplay( / Video / Low5MB.wmv);

// video.Text = videoplay(Videos / video20.avi);
}
受保护 字符串 videoplay( string links)
{
string val;
val = < embed type ='application / x-mplayer2'pluginspage ='http:// microsoft.com/windows/mediaplayer/en/download/'id='EMBED1'name ='mediaPlayer'displayize ='4'autosize =' - 1'bgcolor ='green'showcontrols ='true'showtracker =' - 1' showdisplay ='0'showstatusbar =' - 1'videoborder3d =' - 1'width ='800'height ='285'src =' + links + 'autostart ='false'designtimesp ='5311'loop ='false'>;
val = val + < / embed>;
return val;
}







如何从网格视图播放视频到玩家?我可以使用javascript吗?





请帮助



any代码或建议将不胜感激



谢谢


i have a grid view with a hyperlink that navigates to a particular video using video id

here is the html code

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="video_id" DataSourceID="ObjectDataSource2" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
             <Columns>
                 <asp:BoundField DataField="video_id" HeaderText="video_id" ReadOnly="True" SortExpression="video_id" />
                 <asp:BoundField DataField="video_name" HeaderText="video_name" SortExpression="video_name" />
                 <asp:BoundField DataField="video_language" HeaderText="video_language" SortExpression="video_language" />
                 <asp:BoundField DataField="videos_loc" HeaderText="videos_loc" SortExpression="videos_loc" />
                  <asp:HyperLinkField DataNavigateUrlFields="video_id" DataNavigateUrlFormatString="player1.aspx?video_id={0}" HeaderText="Play Video" Text="Play Video" />
                
    </Columns>
    </asp:GridView>



it sends the path to another page called player where it is supposed to play the video using jw player

 <head runat="server">
       
         
      <title></title>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"    type="text/javascript"></script>
       <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
       <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css"/>
 
    <script src="jwplayer.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            jwplayer("PlayMP4Video").setup({
                file: "/Video/Low5MB.wmv",
                flashplayer: "player.swf"
            });
        });
    </script>  



   
    
</head>
<body>
    <form id="form1" runat="server">
     <div>

   
         <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">
             <div class="extra-wrap"><span>Creating the user account

          </span>

       </div>

         </asp:LinkButton>
      <div id="mediaplayer">JW Player goes here</div>

      <script type="text/javascript" src="jwplayer.js"></script>

      <script type="text/javascript">

          jwplayer("mediaplayer").setup({

              flashplayer: "player.swf",

              file: "/Video/Low5MB.wmv",

          });

    </script>

     

    </div>
   
    </form>



i have used a link button to test if the video plays but i have declared a specific file from the video folder with the following c# code behind the player page

protected void LinkButton1_Click(object sender, EventArgs e)
       {
           LinkButton1.Text = videoplay("/Video/Low5MB.wmv");

           //video.Text = videoplay("Videos/video20.avi");
       }
       protected string videoplay(string links)
       {
           string val;
           val = "<embed type='application/x-mplayer2'pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'id='EMBED1' name='mediaPlayer' displaysize='4' autosize='-1' bgcolor='green' showcontrols='true' showtracker='-1' showdisplay='0' showstatusbar='-1' videoborder3d='-1' width='800' height='285' src='" + links + "' autostart='false' designtimesp='5311' loop='false'>";
           val = val + "</embed>";
           return val;
   }




how do i play the video from the grid view onto the player? can i use javascript for this?


Please help

any code or suggestions would be much appreciated

thanks

解决方案

(document).ready(function () { jwplayer("PlayMP4Video").setup({ file: "/Video/Low5MB.wmv", flashplayer: "player.swf" }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click"> <div class="extra-wrap"><span>Creating the user account </span> </div> </asp:LinkButton> <div id="mediaplayer">JW Player goes here</div> <script type="text/javascript" src="jwplayer.js"></script> <script type="text/javascript"> jwplayer("mediaplayer").setup({ flashplayer: "player.swf", file: "/Video/Low5MB.wmv", }); </script> </div> </form>



i have used a link button to test if the video plays but i have declared a specific file from the video folder with the following c# code behind the player page

protected void LinkButton1_Click(object sender, EventArgs e)
       {
           LinkButton1.Text = videoplay("/Video/Low5MB.wmv");

           //video.Text = videoplay("Videos/video20.avi");
       }
       protected string videoplay(string links)
       {
           string val;
           val = "<embed type='application/x-mplayer2'pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'id='EMBED1' name='mediaPlayer' displaysize='4' autosize='-1' bgcolor='green' showcontrols='true' showtracker='-1' showdisplay='0' showstatusbar='-1' videoborder3d='-1' width='800' height='285' src='" + links + "' autostart='false' designtimesp='5311' loop='false'>";
           val = val + "</embed>";
           return val;
   }




how do i play the video from the grid view onto the player? can i use javascript for this?


Please help

any code or suggestions would be much appreciated

thanks


这篇关于我如何使用javascript jw player从数据库播放视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆