Цикл видео в модальностях - PullRequest
Новая
       12

Цикл видео в модальностях

0 голосов
/ 22 марта 2019

Я ищу руководство по просмотру видео. Я работаю с Laravel, Bootstrap и jQuery.

Вот мой контроллер 

public static function getLessonvideo($id)
{
    $url = Lesson::where('id', $id)->value('video_link');

    return LaravelVideoEmbed::parse($url);
}

Вот мой клинок, где я перебираю 

@foreach($course->activeLessons as $lesson)
    <article class="lesson">
        {!! $loop->iteration!!}. <a href="{{route('learn.show', $lesson->id)}}"></a>
        <div class="body" id="title"> {!! $lesson->title!!}</div>
        <p> {!! $lesson->short_description !!}</p>

        <div class="interaction">
            <button class="btn btn-primary"
                    data-video="{{\App\Http\Controllers\EmployeeCoursesController::getLessonvideo($lesson->id)}}"
                    data-toggle="modal" data-target="#videoModal">Play Video
            </button>
        </div>
    </article>
@endforeach

Вот мой модал в том же клинке 

<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">

                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <video controls width="100%">
                    <source src="" type="video/mp4">
                </video>
            </div>
        </div>
    </div>
</div>

Вот мой Js 

$(function () {
    $(".video").click(function () {
        var theModal = $(this).data("target"),
            videoSRC = $(this).attr("data-video"),
            videoSRCauto = videoSRC + "";
        $(theModal + ' source').attr('src', videoSRCauto);
        $(theModal + ' video').load();
        $(theModal + ' button.close').click(function () {
            $(theModal + ' source').attr('src', videoSRC);
        });
    });
});

Пожалуйста, дайте мне знать, если у вас есть идеи. Заранее спасибо.

...