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 :)
Respuestas
Amigo la primera variante es la correcta solo q tiene un pequeño fallo y es que el segundo parámetro es entre comillas.
<script type="text/javascript"> $(document).ready(function() { $('iframe').attr('sandbox','allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation'); }) </script>
eso se le va a cualquiera
Saludos
@jdvellon
26 agosto 2016, 14:56