please help me, how can the leaflet use the video player using the RTSP url

This issue has been tracked since 2022-04-24.

because I'm making a project, namely GIS with live streaming CCTV, how do I do it if RTSP is used in the leaflet? does it have to be additional like the other plugins?

but if i use video it works fine
example :

   var map ='mapid').setView([{{ $place->latitude }},{{ $place->longitude }}],{{ config('leafletsetup.detail_zoom_level') }});

   L.tileLayer('https://{s}{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="">OpenStreetMap</a> contributors'

    L.marker([{{ $place->latitude }},{{ $place->longitude }}]).addTo(map)

    axios.get('{{ route('api.places.index') }}')
    .then(function (response) {
            pointToLayer: function(geoJsonPoint,latlng) {
                return L.marker(latlng);
        .bindPopup(function(layer) {
            return ('<div class="my-2"><strong>CCTV Name</strong> :<br>''</div> <video controls autoplay src="" type="video/mp4" width="350px"></video>');
    .catch(function (error) {


The project I'm using is the Laravel framework

brunob wrote this answer on 2022-04-30

off topic

More Details About Repo
Owner Name leaflet-extras
Repo Name leaflet-providers
Full Name leaflet-extras/leaflet-providers
Language JavaScript
Created Date 2012-04-06
Updated Date 2022-12-08
Star Count 1778
Watcher Count 66
Fork Count 603
Issue Count 9


Issue Title Created Date Updated Date