动态更改jwplayer视频路径

本文关键字：视频 路径 jwplayer 动态 | 更新日期: 2023-09-27 18:22:25

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

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

如果我在文本框中键入视频/mp3，然后单击"按钮"，我的jwplayer就可以播放视频.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">

动态更改jwplayer视频路径

在javascript 中声明

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

然后你只需要单独输入视频名称，其余的都是动态添加的。

您可以使用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>
相关文章：