javascript - JW Player JavaScript を動的に編集するにはどうすればよいですか?

Question

私のページには、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>                             

さらに、他に 3 つのテキスト領域と 2 つのチェックボックスがあります。

1. 最初のテキストボックスは画像の名前です。
2. 2 番目は、ビデオ ファイルの名前です。
3. 3 つ目は、生成されたスクリプト出力が配置される別のプレースホルダーです (以下を参照)。

上記の JavaScript で確認できます。

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

最初のチェックボックスをクリックすると、テキスト領域からスクリプトを取得し、独自のテキスト ボックスから画像とビデオ ファイルの名前を正しい場所に追加する必要があります。この生成されたコードは、ページ下部の 3 番目のテキスト領域に追加されます。

ユーザーが 2 番目のチェックボックスをクリックすると、JW Player の元の (単純な) コードがテキスト領域から取得され、ページの下部にある 3 番目のテキスト領域に変更なしで挿入されます。

これを実現するには、どのコードを使用する必要がありますか? これは、サーバー側の PHP とクライアント側の jQuery のどちらで行うのがよいでしょうか?