更换用innerHTML的javascript代码里面？

Question

这样的，我需要做的，它似乎并不像任何一个普通的swf播放器将满足我的需要很简单的事情，所以我想我需要做到这一点的解决方法。我只需要能够高质量和低质量的FLV视频之间进行切换。

所以我想只是玩弄的onclick事件的两个按钮来改变的JavaScript的innerHTML，但我意识到，我并不确切地知道如何。我可以创建JavaScript代码一行的ID，或者我应该更换整个事情？这是我的代码：

<script type="text/javascript">
var so = new SWFObject('/lessons/videos/player.swf','mpl','610','480','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addVariable('file','/lessons/videos/BukaTiende.flv');
so.write('mediaspace');
</script>

</div></div>
<input type="button" value="low"><input type="button" value="high">

在上面的代码中，所有我需要改变是“/lessons/videos/BukaTiende.flv”链接到类似/lessons/videos/BukaTiende_lower.flv

我能做到这一点用的getElementById？

我有jquery的。

Answer 1

我建议在一个函数封装这些命令，并与一个或另一个视频作为在点击的参数运行它。

你说你有jQuery的身边，那么不妨用它来绑定点击按钮。

<script type="text/javascript">
  function launch_video(quality){

    video_qual=(quality=='high')? '' : '_lower';

    var so = new SWFObject('/lessons/videos/player.swf','mpl','610','480','9');
    so.addParam('allowfullscreen','true');
    so.addParam('allowscriptaccess','always');
    so.addVariable('file','/lessons/videos/BukaTiende'+video_qual+'.flv');
    so.write('mediaspace');
    }

  $(document).ready(function(){
    $('.vid_button').click(function(){launch_video($(this).val());});
    });

</script>

</div></div><!-- I guess I'll leave those random divs in there-->

  <input class='vid_button'  type="button" value="low">
  <input class='vid_button' type="button" value="high">

Answer 2

您应该做一个函数，它作为一个参数视频的网址，然后调用与paremeter的SwfObject的..（在通知的 addVariable ：我们使用该函数的参数）

function loadVideo( pUrl )
{
var so = new SWFObject('/lessons/videos/player.swf','mpl','610','480','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addVariable('file', pUrl);
so.write('mediaspace');
}

然后添加调用它第一次与

<script type="text/javascript">
       loadVideo('/lessons/videos/BukaTiende.flv');
</script>

ASLO添加一些ID到您的按钮，这样你可以参考它们

<input type="button" value="low" id="low">
<input type="button" value="high" id="high">

然后添加点击事件，你的按钮..

<script type="text/javascript">
   $(document).ready(
     function(){
        $('#low').click( function(){ loadVideo('/path/to/lowversion.flv') } );
        $('#high').click( function(){ loadVideo('/path/to/highversion.flv') } );
     }
   );
</script>

Answer 3

您可以从页面当用户点击一个按钮删除嵌入的对象，然后重新运行，它增加了该网页的脚本，但具有不同的可变值。如果你把SWFObject的一个div内，然后就可以通过设置的innerHTML清除在div =“”;