Publicamos video en el sitio de Wordpress. Creamos códigos de inserción con iframe. Cuando abro la página iframed, la pantalla completa funciona normalmente. Pero el video dentro del iframe en la página, pantalla completa no funciona. Porque el ancho y la altura completos en relación con el iframe. ¿Qué puedo hacer?
Respuestas
1 para la respuesta № 1Es porque cuando ejecuta la fuente IFrame enla nueva pestaña no se abre en el IFrame. cuando se trata de video que se entrega a través de iframe. Se requiere establecer una altura, de lo contrario, los navegadores mostrarán el iframe a una altura estática de 150 px, que es demasiado achaparrado para la mayoría de los videos y genera más ridículo y vergonzoso.
Esto es lo que puedes hacer:
Código:
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
.videoContainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videoContainer iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="videoContainer">
<iframe scrolling="no" width="640" height="360" src="http://video.localhost/embed?video=HLuUyE9-qcA&width=640&yukseklik=360&kalite=medium&vidp=11783" style="overflow: hidden;" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
Con esta técnica, envuelve el video enotro elemento que tiene una relación de aspecto intrínseca, luego coloca el video dentro de eso. Eso nos da un ancho de fluido con una altura razonable con la que podemos contar.