1

我的页面中有一个文本框，其中包含 JW 播放器的代码： 

<div id="video-container">Loading the player ...</div>

<script type="text/javascript">
    jwplayer("video-container").setup({
        autostart: false,
        skin: "/skins/modieus/modieus.zip",
        image: "/wp-content/uploads/picture-filename.jpg",
        file: "/wp-content/uploads/video-filename.mp4",
        flashplayer: "/jwplayer/player.swf",
        volume: 80,
        width: 853,
        height: 480
    });
</script>

此外，我还有其他三个文本区域和两个复选框：

  1. 第一个文本框是图像的名称。
  2. 第二个是视频文件的名称。
  3. 第三个是一个单独的占位符，将放置生成的脚本输出（见下文）。

您可以在上面的 JavaScript 中看到它们：

  • image: "/wp-content/uploads/picture-filename.jpg"
  • file: "/wp-content/uploads/video-filename.mp4"

当您单击第一个复选框时，我们需要从文本区域中抓取脚本，并将图像和视频文件的名称从它们自己的文本框中添加到正确的位置。然后，此生成的代码将添加到页面底部的第三个文本区域。

如果用户点击第二个复选框，那么 JW Player 的原始（简单）代码应该从文本区域中获取并插入到页面底部的第三个文本区域中，而不进行任何修改。

我需要使用什么代码来实现这一点？这是通过服务器端的 PHP 还是客户端的 jQuery 更好地完成？

4

0 回答 0