好吧,所以我真的試圖找到一個解決方案,但到目前為止還沒有奏效。在這里:在單擊各種標記時,我想播放標記屬性中定義的命名視頻。vidName我創建了帶有標記的變量“點”,其中每個點都包含參數(版本縮短):var points = [{ latlng: [54.351223, 18.643997], title: "F-1", name: "name1", vidName: "file1.mp4" }, {//another points with same structure為了將其添加到map中,我使用了一個允許.on('click')事件的函數,該函數使用.setContent()在名為“myCustomControl”的定義框中顯示數據,如下所示(也縮短):points.forEach(function(p) { const marker = L.marker(p.latlng, { title: p.title, riseOnHover: true }) .addTo(map) .on('click', function(e) { myCustomControl.setContent(p.name + '<br>' + '<video autoplay><source src="p.vidName" type="video/mp4"></video>'); }) markers.push(marker);});所以我很想用來顯示名為. 作為獨立工作正常并顯示名稱,當我在HTML標簽內使用時,視頻工作正常。'<video autoplay><source src="p.vidName" type="video/mp4"></video>'file#.mp4p.vidNamefile#.mp4file#.mp4我嘗試了各種方法,例如,以及我可以弄清楚或谷歌搜索的所有可能的直接組合。我真的不是一個合適的程序專家,我肯定缺少一些語法或簡單的工具。謝謝!javascript:" #{p.name}"
在 Leaflet 中的 .setContent() 中的 video HTML 標記中使用
qq_遁去的一_1
2022-09-02 21:40:49