【问题标题】:dynamic change jwplayer video path动态改变jwplayer视频路径
【发布时间】:2012-02-05 09:27:16
【问题描述】:

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

我想要做的是我试图将文本框值作为 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">

【问题讨论】:

    标签: c# javascript asp.net jwplayer


    【解决方案1】:

    在javascript中声明

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

    那么你只需要单独输入视频名称,其余的都是动态添加的。

    【讨论】:

    • 我也有其他文件格式,这种情况我该怎么办?
    • 您可以创建一个循环来检查每种文件类型以查看该文件是否存在于文件夹视频中,然后将其设置为var a
    • aiks,有什么例子可以参考吗?我没有做检查
    【解决方案2】:

    您可以使用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>
    

    【讨论】:

    • 嗨达林,我的问题是我也有不同格式的视频,但不仅仅是一种格式,在这种情况下我该怎么办?
    猜你喜欢
    • 2012-05-15
    • 1970-01-01
    • 1970-01-01
    • 2015-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多