i created onclick react grid video player using ag-grid. after that passing json data to grid.
after passing json data my ag-grid look like
Now i passed only one local storage video to react video player(Play button )
import myData from "../video.mp4"
....
....
<DialogContent>
<iframe width="560" height="315" src={myData} allowFullScreen></iframe>
</DialogContent>
src={myData} is represent video.mp4 in my local storage , Now how to i pass multiple videos to react video player using json file
my json file structure like this :
{
"users": [
{
"id": 1,
"name": "Hari",
"email": "[email protected]",
"phone": "9876543210",
"dob": "/home/fraction/Music/agGrid-crudOperation/src/video1.mp4"
},
{
"name": "Hari",
"email": "[email protected]",
"phone": "9876543210",
"dob": "/home/fraction/Music/agGrid-crudOperation/src/video2.mp4",
"id": 5
}
]
}
i tried to pass video url using map method but its didnt work me. how to pass multiple videos through json file in react js
for more code details refer here
Any suggestion and answer are heartly appreciated thanks in advance..