Toggle navigation
Betabeers
Foro
Empleo
Agenda
Streamers
Tests
Charlas
Cursos
Comunidades
Entrar
Acabas de votar el comentario
Portada
>
Foro
>
Javascript
Añadir atributo sandbox a iframes
Me gusta
799 visitas
0
José Luis López
25/08/2016 20:12
Hola a todos, veréis tengo una web estilo videotube con unos 1700 posts que contienen videos embebidos a través de un iframe, tal que así:
<iframe src="https://openload.co/embed/----.mp4" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"
frameborder="0" height="100%" width="100%"></iframe>
Y necesito añadir automáticamente este atributo
sandbox
="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation"
Para que quede así:
<iframe src="https://openload.co/embed/----.mp4" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"
frameborder="0" height="100%" width="100%"
sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation
"></iframe>
He probado con los siguientes códigos, pero cuando inspecciono el código fuente en el navegador no incluyen el atributo :(
<script type="text/javascript">
$(document).ready(function() {
$('iframe').attr('sandbox',allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation);
})
</script>
<script type="text/javascript">
$('iframe').attr({
sandbox: 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation'
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('iframe').attr({
sandbox: 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation'
});
})
</script>
<script type="text/javascript">
window.onload = function(){
iframe.sandbox = 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation';
}
</script>
Gracias!
Un saludo :)
Responder
Responder
Para comentar tienes que estar registrado.
Registrate
Publicar comentario
1
Joel Sánchez López
06/09/2016 15:10
Tu primer fragmento de JS es el que más se acerca, pero tiene errores de sintaxis. Aqui tienes una demo de cómo debe quedar:
https://jsfiddle.net/t25k46q1/
Responder
Este sitio necesita cookies para que funcione correctamente
Aceptar Cookies
Política de cookies
<iframe src="https://openload.co/embed/----.mp4" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"
frameborder="0" height="100%" width="100%"></iframe>
Y necesito añadir automáticamente este atributo sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation"
Para que quede así:
<iframe src="https://openload.co/embed/----.mp4" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"
frameborder="0" height="100%" width="100%" sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation"></iframe>
He probado con los siguientes códigos, pero cuando inspecciono el código fuente en el navegador no incluyen el atributo :(
<script type="text/javascript">
$(document).ready(function() {
$('iframe').attr('sandbox',allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation);
})
</script>
<script type="text/javascript">
$('iframe').attr({
sandbox: 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation'
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('iframe').attr({
sandbox: 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation'
});
})
</script>
<script type="text/javascript">
window.onload = function(){
iframe.sandbox = 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation';
}
</script>
Gracias!
Un saludo :)
06/09/2016 15:10
https://jsfiddle.net/t25k46q1/