Подстановка источника видео через переменную

Тема в разделе "JavaScript", создана пользователем l0cky, 7 ноя 2018.

Метки:
Статус темы:
Закрыта.
  1. l0cky

    l0cky Постоялец

    Регистр.:
    3 май 2006
    Сообщения:
    96
    Симпатии:
    31
    Подскажите, пожалуйста, рабочий вариант назначения источника видео HTML5 через переменную. Желательно на чистом JS.
     
  2. borodatych

    borodatych Постоялец

    Регистр.:
    24 июн 2016
    Сообщения:
    100
    Симпатии:
    58
    Код:
    function addSourceToVideo(element, src, type) {
        var source = document.createElement('source');
    
        source.src = src;
        source.type = type;
    
        element.appendChild(source);
    }
    
    var video = document.createElement('video');
    
    document.body.appendChild(video);
    
    addSourceToVideo(video, 'http://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv', 'video/ogg');
    
    video.play();
    (c) stackoverflow
     
    l0cky нравится это.
  3. xxxsoal

    xxxsoal Создатель

    Регистр.:
    15 авг 2016
    Сообщения:
    21
    Симпатии:
    8
    Пишите с дата атрибутом в виде ссылки и каким то классом.
    <div class="video" data-art="https://video_url"> </div>
    После чего по клику клику на каждом таком живое выставляете внутри video а атрибут берете с дива
     
    l0cky нравится это.
  4. l0cky

    l0cky Постоялец

    Регистр.:
    3 май 2006
    Сообщения:
    96
    Симпатии:
    31
    borodatych,
    спасибо, работает.

    xxxsoal,
    какие-то варианты с div я прбовал, не пошло. Если возможно, дайте пример кода.
     
  5. xxxsoal

    xxxsoal Создатель

    Регистр.:
    15 авг 2016
    Сообщения:
    21
    Симпатии:
    8
    вот простой вариант с iframe ютуба
    https://codepen.io/Kim_Soal/pen/WYweoX
     
    l0cky нравится это.
  6. l0cky

    l0cky Постоялец

    Регистр.:
    3 май 2006
    Сообщения:
    96
    Симпатии:
    31
    borodatych,
    а как к этому коду кнопки прикрутить ?
     
  7. xxxsoal

    xxxsoal Создатель

    Регистр.:
    15 авг 2016
    Сообщения:
    21
    Симпатии:
    8
    какие кнопки?
     
  8. l0cky

    l0cky Постоялец

    Регистр.:
    3 май 2006
    Сообщения:
    96
    Симпатии:
    31
    play/pause или просто приостановку по клику
     
  9. xxxsoal

    xxxsoal Создатель

    Регистр.:
    15 авг 2016
    Сообщения:
    21
    Симпатии:
    8
    Решается это просто. Напишите что Вам надо сделать полностью и разберемся.
     
  10. l0cky

    l0cky Постоялец

    Регистр.:
    3 май 2006
    Сообщения:
    96
    Симпатии:
    31
    Если полностью, то мне надо получать ссылку на видео, которая периодически изменяется, и воспроизводить её через google gadget. Код из поста бородача позволяет воспроизводить видео, но без управляющих кнопок это не удобно. Вот собственно и всё.
    выглядит это так
    http://dc.keep.ws/audiolib/nuart
     
Статус темы:
Закрыта.