Изменение фонового изображения

Question

У меня есть этот код, который приносит файл видеофайла. Я отчаянно пытался создать несколько ссылок, которые при нажатии изменить «имя файла» облако в другой файл,

<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> 

любая помощь будет принята с благодарностью

Answer 1

Плагин создает DIV называется #video_background. Просто удалите его и снова вызовите $.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> 

И

$('[data-video]').click(function(e){ 
    e.preventDefault(); // prevent the link from reloading the page 
    changeVideo($(this).attr('data-video')); 
});