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í:
Código:
<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
Código:
sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation"
Para que quede así:
Código:
<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 :(
Código:
<script type="text/javascript">
$(document).ready(function() {
$('iframe').attr('sandbox',allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation);
})
</script>
Código:
<script type="text/javascript">
$('iframe').attr({
sandbox: 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation'
});
</script>
Código:
<script type="text/javascript">
$(document).ready(function() {
$('iframe').attr({
sandbox: 'allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation'
});
})
</script>
Código:
<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 :)