Problema con etiqueta <pre>

luna690 · #1 (**permalink**) 15/03/2012, 10:00

Hola,

Estoy haciendo una página en la cual tengo un vídeo que le paso los parámetros (por ejemplo, src y type del vídeo) por PHP $_GET.

Debajo del vídeo quiero que se vea el código que he empleado para hacerlo. Pero al poner el código del vídeo dentro de la etiqueta <pre> o <code> , cómo si no existieran, el vídeo se muestra.

Quiero que el código se muestre cómo ahora sale en el foro. Así, con [code] o <code>:

Código:

        <video id="sampleMovie" width="440" height="260" preload controls>
            <source src="../video/<?php echo $_GET['src']; ?>" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
            <source src="../video/The_OC.ogg" type='video/x-matroska; codecs="theora, vorbis"' />
            <source src="../video/The_OC.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
        </video>

        <br /><br />
        <pre>
             <video id="sampleMovie" width="640" height="360" preload controls>
                <source src="../video/<?php echo $_GET['src']; ?>" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
                <source src="../video/The_OC.ogg" type='video/x-matroska; codecs="theora, vorbis"' />
                <source src="../video/The_OC.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
            </video>
        </pre>

rogertm · #2 (**permalink**) 16/03/2012, 12:47

Tienes que formatear el código html y ponerlo en sus caracteres especiales, o como se le llame...

Código:

< == &lt;
> == &gt;

La programación, maquetación y todo eso es en inglés, en este caso lt quiere decir less than (menor que) y gt greater than (mayor que)... Así es bueno buscarle el significado a los simbolitos y no perderse

Saludos...

luna690 · #3 (**permalink**) 16/03/2012, 13:12

Muchas gracias, ahora lo probaré.

emprear · #4 (**permalink**) 16/03/2012, 22:01

Podés usar un textarea, que para eso está justamente

Código HTML:

Ver original<textarea rows="6" cols="110" style="overflow: hidden;padding: 10px;">
<video id="sampleMovie" width="640" height="360" preload controls>
<source src="../video/<?php echo $_GET['src']; ?>" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="../video/The_OC.ogg" type='video/x-matroska; codecs="theora, vorbis"' />
<source src="../video/The_OC.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>
</textarea>

Saludos

karlos2101 · #5 (**permalink**) 26/03/2012, 00:25

miren primero que todo la etiqueta <pre></pre> es una etiqueta de TEXTO y a usted agregar otro contenido dentro de la etiqueta que no sea texto se pierde la semántica , Asi que es un error al utilizar pre para añadir video o otro tipo de contenido.