<button type="button" class="LimitlessVideoPlayerButton btn btn-secondary btn-labeled btn-labeled-left"
        data-toggle="modal"
        data-target="LimitlessVideoPlayerModal"
        data-backdrop="static"
        data-keyboard="false"
>
    <b><i class="icon-video-camera2"></i></b> {{ $buttonText ?? $title ?? 'No Text' }}
</button>

<div class="LimitlessVideoPlayerModal modal fade" tabindex="-1">
    <div class="modal-dialog modal-full">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ $title ?? $buttonText ?? 'No Title' }}</h5>
                <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body">
                <video style="width:100%; max-height:60vh;"
                       class="LimitlessVideoPlayer video-js vjs-big-play-centered"
                       controls
                       preload="auto"
                       data-setup="{}"
                >
                    <source src="{{ $url }}" type="video/mp4" />
                </video>
            </div>
            <div class="modal-footer">
                <button type="button" class="LimitlessVideoPlayerClose btn btn-secondary" data-dismiss="modal">Video schließen</button>
            </div>
        </div>
    </div>
</div>
