Использование jquery для динамической загрузки видео Vimeo

Question

Я хотел бы создать функцию, которая позволила бы мне вставлять мои видео Vimeo на мой веб-сайт и запускать его как плейлист YouTube, т. Е. При нажатии ссылки на видео, вместо того, чтобы перезагружать страницу, она только перезагружает видео.Так, например, это веб-сайт с фильмами, у меня есть трейлер проекта, а также несколько промо-роликов, и я хотел бы показать все это, просто нажав пользователю ссылку, которая загружает новое видео.Как бы я это сделал?

Answer 1

это тоже должно работать.

$('#some_video_container').html('<iframe src="http://player.vimeo.com/video/12345?
                                 title=1&amp;byline=1&amp;portrait=1" width="643"
                                 height="360" frameborder="0"></iframe>');

Answer 2

Вот, пожалуйста.

$.getJSON('http://www.vimeo.com/api/oembed.json?url=' + encodeURIComponent('http://vimeo.com/7100569') + '&width=300&callback=?', function(data){
        $('#some_video_container').html(data.html);
});

Answer 3

Оформить заказ oembed .Лучший провайдер, которого я знаю, это http://embed.ly

Официальный плагин JQuery Embed.ly здесь: https://github.com/embedly/embedly-jquery

Answer 4

Я также использовал Vimeo Playlist, найденный здесь: http://luwes.co/labs/vimeo-playlist/

Вы можете установить, где вы хотите список воспроизведения (сверху, снизу или сбоку видео).В целом это довольно легко настроить.Вы просто помещаете свои URL-адреса видео в массив в сценарии:

<div id="player"></div>
<script src="http://luwes.co/vimeowrap.js/vimeowrap.js"></script>
<script src="http://luwes.co/vimeowrap.js/vimeowrap.playlist.js"></script>
<script>
    vimeowrap('player').setup({
        urls: [
            'https://vimeo.com/user3709818',
            'https://vimeo.com/user3709818'
        ],
        plugins: {
            'playlist':{}
        }
    });
</script>