added inputs validation
This commit was merged in pull request #678.
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
import React, { useEffect, useRef } from 'react'
|
||||
|
||||
|
||||
export default function VideoElement({videoId}) {
|
||||
let videoRef = useRef(null)
|
||||
|
||||
useEffect(()=>{
|
||||
if(videoRef.current){
|
||||
videoRef.current.pause()
|
||||
videoRef.current.removeAttribute('src')
|
||||
videoRef.current.load()
|
||||
}
|
||||
},[videoId])
|
||||
|
||||
return (
|
||||
<video ref={videoRef} className='w-full h-full' controls autoPlay>
|
||||
<source src={`https://dev-media.wrenchboard.com/videos/${videoId}`} type='video/mp4'></source>
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user