Subtítulo video html5

Eso no parece funcionar.

¿Alguna ayuda aquí? ¿O alguna otra guía para obtener subtítulos en videos?

Gracias.

(@ d4z_c0nf)

Hace 3 años, 1 mes

Hola, el atajo de subtítulos (que es un atajo de WP) no funciona de esa manera: /

No creo que este sea un tema, ¿funciona con un tema predeterminado como Twenty Seventeen?

Lanzador de hilos

(@teradyl)

Hace 3 años, 1 mes

Hola Rocco,

Tampoco funciona en Twenty Seven. Tal vez no esté directamente relacionado con un tema, pero el tema puede implementar una forma de establecer un subtítulo en un video incrustado, ¿verdad? Para los videos HTML5 modernos, parece que los temas deberían comenzar a hacer algo.

¿La versión Pro lo hace más fácil?

Estoy buscando un poco de orientación sobre cómo obtener un subtítulo en mi video correctamente, y no he encontrado muchos recursos al respecto.

Gracias.

Lanzador de hilos

(@teradyl)

Hace 3 años, 1 mes

Actualización: lo arreglé.

NOTA: Si aplica cualquier parte del HTML aquí manualmente, nunca podrá volver a la pestaña «visual» en WordPress o modificar y estropear su HTML. Si lo elimina, creo que puede obtener una revisión anterior si la guardó antes.

Vea el resultado aquí: http://biketoeverything.com/2017/12/30/tips-on-using-a-small-u-lock/

Así que edité manualmente mi HTML:

<div class="dylan-html5-video">
<video src="videoGif.mp4" autoplay="autoplay"
 loop="loop" muted="" playsinline="" webkit-playsinline="">
</video>
<p class="wp-caption-text">My caption</p>
</div>

(Agregar
aquí si quieres 2 videos uno al lado del otro)

Luego hice un lío con la SEC así:

/* HTML5 video container */
.dylan-html5-video {
	padding: 10px;
	background-color: #eeeeee;
}

/* HTML5 video container hacking the spacing 
because there was an extra <p></p> tag getting 
added somewhere making an odd amount of space. 
If someone knows how to remove with this hack 
would be appreciated. */
.dylan-html5-video p {
	margin-top: -12px;
}

Y solo en contexto, tengo un CSS manual que maneja los encabezados de imagen normales … por lo que también necesitará este CSS si desea que se vea exactamente igual:

/* Hacking the default image container to look 
more to my liking */
.wp-caption {
	background-color: #eeeeee;
	padding: 10px;
}

/* Hacking the caption to look more to my liking */
.wp-caption-text {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 18px;
}

Esta respuesta fue modificada hace 3 años, hace un mes por. Esta respuesta fue modificada hace 3 años, hace un mes por. Esta respuesta fue modificada hace 3 años, hace un mes por.