Javascript 更改视频背景

我有这段代码，它带来了一个视频背景文件。 我拼命地尝试创建多个链接，当点击时，将“文件名”云更改为不同的文件

  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  <script src="../jquery.backgroundvideo.min.js"></script>
  <script>
    $(document).ready(function() {
      var videobackground = new $.backgroundVideo($('body'), {
        "align": "centerXY",
        "width": 1280,
        "height": 720,
        "path": "media/",
        "filename": "cloud",
        "types": ["mp4","ogg","webm"]
      });
    });
  </script>

$（文档）.ready（函数（）{
var videobackground=new$.backgroundVideo（$（'body'）{
“对齐”：“中心XY”，
“宽度”：1280，
“高度”：720，
“路径”：“媒体/”，
“文件名”：“云”，
“类型”：[“mp4”、“ogg”、“webm”]
});
});

---

任何帮助都将不胜感激

该插件创建了一个名为

\video\u background

的div。只需删除它，然后再次调用

$.backgroundVideo

。您可以将其放入以文件名为参数的函数中：

function changeVideo(filename){
    $('#video_background').remove();

    var videobackground = new $.backgroundVideo($('body'), {
        "align": "centerXY",
        "width": 1280,
        "height": 720,
        "path": "media/",
        "filename": filename,
        "types": ["mp4","ogg","webm"]
    });
}

要通过单击链接调用它，可以执行以下操作：

<a href="#" data-video="sun">Sun video</a>

---

快速提问，对不起，我在JS很糟糕，在点击链接之前我如何设置默认值？我也非常感谢你作为一个PERSON@NicPadula不客气；）只需调用

changeVideo（'cloud'）直接在文档就绪功能中
$('[data-video]').click(function(e){
    e.preventDefault(); // prevent the link from reloading the page
    changeVideo( $(this).attr('data-video') );
});