动态变化jwplayer视频路径

时间:2012-02-05 09:27:17

标签: c# javascript asp.net jwplayer

基本上我希望实现类似用户类型的文件名,然后会弹出视频

我想做的是我试图将文本框值作为jwplayer路径播放视频

如果我输入Video / video.mp3进入文本框,然后点击“按钮”,我的jwplayer就可以播放video.mp3

我想做的是juz键入“视频”然后jwplayer能够启动

通过这样做,我打算使用数据库进行检查

一旦用户输入视频,那么数据库将返回jwplayer / video.mp3并将值传递给jwplayer脚本,但我无法实现!

的javascript

    function playSelected() {
        var a = document.getElementById("TextBox2").value;

        jwplayer("mediaplayer").setup({
            flashplayer: "jwplayer/player.swf",
            file: a,
            image: "jwplayer/preview.jpg"
        });
    }

按钮

<input type="button" runat="server" value="Click me!" onclick='playSelected()'>

文本框

<asp:TextBox ID="TextBox2" runat="server">

2 个答案:

答案 0 :(得分:0)

您可以使用load方法动态加载电影。这是一个完整的例子:

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jwplayer</title>
</head>
<body>
    <div id="mediaplayer">JW Player goes here</div>

    <input type="text" id="TextBox2" value="video.mp4" />
    <input type="button" onclick="playSelected()" value="Play" />

    <script type="text/javascript" src="jwplayer.js"></script>
    <script type="text/javascript">
        jwplayer("mediaplayer").setup({
            flashplayer: "player.swf",
            image: "preview.jpg"
        });

        var playSelected = function () {
            var movie = document.getElementById('TextBox2').value;
            jwplayer().load(movie).play();
        };
    </script>
</body>
</html>

答案 1 :(得分:0)

在javascript中声明

Var a = "video/" + document.GetElementbyID("textbox2").value + ".mp3";

然后你只需要输入视频名称,其余的就是动态添加。