我正在尝试react-leaflet
使用 html5 将叠加层(在本例中为视频)添加到我的地图中。
<div>
<Map viewport={this.state.viewport} onViewportChanged={this.onViewportChanged} zoomControl={false} ref='map'>
<TileLayer attribution='© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
url='http://{s}.tile.osm.org/{z}/{x}/{y}.png' />
</Map>
<div>
<video id="samp" width="540" height="300" controls>
<source src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4" type="video/mp4">
</source>
</video>
</div>
</div>
但是传单一直覆盖视频。对我来说最好的办法是将视频保留在传单之外(尽管我知道传单中有一个视频叠加组件,但我不想使用它)