Список видео Iframe - PullRequest
Новая
       39

Список видео Iframe

0 голосов
/ 25 апреля 2019

Я пытаюсь создать список видео из разных источников.Список видео из разных источников, включая YouTube.Следующий код создаст список видео.Моя проблема в том, что список не изменил источник после окончания текущего видео.Мне нужно реализовать автоматическую следующую функцию. 

<iframe  id="videoarea" controls="controls" allow="autoplay" autoplay="true" 

    poster="" src="" onended="nexxt()"></iframe>
    <ul id="playlist">
        <li movieurl="https://www.youtube.com/embed/v0kOcitjuRw" moviesposter="">Happy Fit</li>
        <li movieurl="https://www.youtube.com/embed/nWHpU7H7Clc">see</li>
        <li movieurl="https://anyothersite.com/embed/urlvedio">other</li>
    </ul> 
 <script>
    $(function () {
        $("#playlist li").on("click", function () {
            $("#videoarea").attr({
                "src": $(this).attr("movieurl"),
                "poster": "",
                "autoplay": "autoplay"
            })
        })
        $("#videoarea").attr({
            "src": $("#playlist li").eq(0).attr("movieurl"),
            "poster": $("#playlist li").eq(0).attr("moviesposter")
        })
    })
    function nexxt()
    {

            $("#videoarea").attr({
                "src": $(this).attr("movieurl"),
                "poster": "",
                "autoplay": "autoplay"
            })
            $("#videoarea").attr({
                "src": $("#playlist li").eq(0).attr("movieurl"),
                "poster": $("#playlist li").eq(0).attr("moviesposter")
            })
    }



</script>
...