Estoy trabajando en un proyecto y encontré un pequeño problema: Entonces, tengo una etiqueta de video:
<video muted autoPlay loop src={video}>y solo quiero un solo botón/control personalizado para reactivar y silenciar el video. ¿Tengo razón cuando pienso en algo que usa reactHooks y algo como onClick={(handleChange => ??, o algo como esto:
<button onClick={() => toggle(!mute)}> {mute ? 'Mute' : 'Unmute'} </button>pero realmente no sé cómo configurar la función de silencio para controlar la etiqueta de video.
¿Alguien me puede ayudar?
Logré resolverlo, así es como:
const [muted, setMuted] = useState(true); const handleToggleMute = () => setMuted(current => !current); <button onClick={handleToggleMute} className="control">Unmute</button>