Search the Community
Showing results for tags 'iframe'.
Found 48 results
-
Olá! Estou iniciando na área de programação e estou com uma dúvida... foi passada uma atividade na faculdade em que fizemos um chatbot no ibm cloud e a segunda parte dessa atividade é criar uma pagina web com o chatbot incluso na mesma. Dai, gostaria de saber como posso colocar esse chatbot tipo flutuante no canto inferior da página web... lembrando que o ibm cloud fornece a url do chat criado
-
Gostaria de uma ajuda de vocês, estou upando alguns vídeos no google drive, e gerando um código para colocar em meu site. Consigo visualizar ele normalmente no navegador web, e também em celulares android. Porem no navegador Safari para Ios ele não abre, sabem qual o problema? Segue o código que o google drive gera: <iframe src="https://drive.google.com/file/d/1Vcv1xLzitK_RaR0U5keQ9Zk92p6shDYY/preview" width="700" height="430"></iframe>
-
Olá. Preciso ocultar uma DIV que está dentro de um IFRAME, porém não consigo. Esta DIV está identificada por um ID, porém mesmo montando um CSS especifico para ocultar ela, a mesma continua aparecendo. Estou usando o seguinte CSS. <style type="text/css"> #topo-conteudo { display: none } </style> Alguém poderia me dar uma luz de como posso ocultar está DIV? Meu IFRAME carrega uma página de outro site.
-
Bom dia caros. Desenvolvi um site todo em HTML. Porém, gostaria de saber se consigo de alguma maneira sem ser usando curl por que não sei usar e teria que converter todo para php o site. Se existe uma forma com iframe ou java, puxar de certa área de um determinado site as notícias de lá. Ou se existir uma outra forma eu também estou disposto a ouvir. Agradeço pela colaboração de todos. Obrigado.
-
Galera estou com uma duvida. Eu fiz um Iframe de um site para colocar em outro. Porem, eu nao quero que apareça alguns elementos do iframe, e preciso q ele redimensione com o template. Eu precisaria q o header e o menu esquerdo desaparecesse. Como eu faco isso? meu css eh esse: iframe { height: 100% absolute; width: 100% ; resize: both; overflow: auto; } E o iframe esse <IFRAME name=framers src=http://www.valecrenault.com.br/seminovos/ width=1000 height=990 frameborder=0 scrolling=yes > </IFRAME>
-
Estou desenvolvendo um app com ionic que tem uma página webview dentro de um iframe, nessa webview existe um botão de download que funciona normalmente no browser, mas no android não funciona. Creio que o Android esteja bloqueando esse download, gostaria de saber como habilitar para que o download seja feito diretamente, como faz no browser.
-
Olá pessoal, venho procurando uma maneira de fazer com que o evento mousemove seja reconhecido quando executado sobre um iframe do YouTube, minha ideia inicial foi sobrepor uma div ao iframe, mas o devido aos banners e anúncios em vídeo a ideia se tornou inviável. Procurei por um bom tempo soluções, não encontrei nenhuma que eu pudesse compreender e adaptar-la ao meu projeto. Montei um pequena simulação do projeto para tornar mais fácil a exibição do problema: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script> </head> <body> <style> .area-mousemove{ width:600px; height:500px; background-color:#09F; margin:0 auto; } .container{ max-width:600px; max-height:337.5px; position:relative; } .container-player{ padding-bottom:56.25%; height:0; background-color:#222; } #ytplayer{ display:block; } .container-player iframe, .container-player object, .container-player embed{ background-color:#000; position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:1; } .controls{ width:100%; height:40px; background-color:#F60; position:absolute; z-index:1; bottom:0; left:0; display:none; } .text{ line-height:40px; margin-left:20px; font-family:Arial; font-size:18px; font-weight:700; color:#000; display:table; float:left; cursor:default; } .screen{ line-height:40px; background-color:#222; margin-right:20px; padding:0 10px; font-family:Arial; font-size:18px; font-weight:700; color:#fff; float:right; cursor:pointer; } .close-screen{ line-height:40px; background-color:#222; margin-right:20px; padding:0 10px; font-family:Arial; font-size:18px; font-weight:700; color:#fff; float:right; display:none; cursor:pointer; } </style> <div class="area-mousemove"> <div class="container"> <div id="container-screen"> <div class="container-player"> <iframe id="ytplayer" type="text/html" src="https://www.youtube.com/embed/2TvNnW2Br70?controls=0&rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe> <div class="controls"><span class="text">Controles</span><span class="screen start">Screen</span><span class="close-screen start">[ x ]</span></div> </div> </div> </div> </div> <script> $('.area-mousemove').mousemove(function(cursor){ $('.controls').fadeIn(200); hideStart(); }); var timeout; function hideStart(){ if(timeout !== undefined){ clearTimeout(timeout); } timeout = setTimeout(function(){ $('.controls').fadeOut(200); }, 2500); } $('.controls span.start').on('click', function(a){ $('.screen').hide(); $('.close-screen').show(); var elem = document.getElementById("container-screen"); if(elem.requestFullscreen){ elem.requestFullscreen(); }else if(elem.mozRequestFullScreen){ /* Firefox */ elem.mozRequestFullScreen(); }else if(elem.webkitRequestFullscreen){ /* Chrome, Safari & Opera */ elem.webkitRequestFullscreen(); }else if(elem.msRequestFullscreen){ /* IE/Edge */ elem.msRequestFullscreen(); } screenfull.toggle($('#container-screen')[0]); }); if (document.addEventListener){ document.addEventListener('webkitfullscreenchange', exitHandler, false); document.addEventListener('mozfullscreenchange', exitHandler, false); document.addEventListener('fullscreenchange', exitHandler, false); document.addEventListener('MSFullscreenChange', exitHandler, false); } function exitHandler(){ if(!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){ $('.close-screen').hide(); $('.screen').show(); $('.controls').css('position', 'absolute'); } } </script> <script type="text/jscript" src="https://AndreAraujo1.github.io/screen/screen.js"></script> </body> </html> Agradeço a atenção!
-
Boa noite, queria poder acessar um site dentro do meu site com iframe, porém esse site exige uma autenticação, para isso o mesmo abre uma caixa de login para se autenticar, queria não ter que ver essa caixa e ja entrar no site autenticado. ja tentei isso <iframe src="https://usuario:senha@link_do_meu_site.com.br"></iframe> queria algo simples assim, por algum motivo isso não funciona, alguém sabe porque?
-
Preciso de ajuda para capturar o id de um elemento para inserir no src de um iframe <a class="videoLink" id="https://www.youtube.com/embed/tZZ3nEdw-2c"> <li class="list-unstyled mb-1 liVideo"> <div class="float-left"> <img src="https://i.ytimg.com/vi/tZZ3nEdw-2c/default.jpg" alt="Céu e terra se encontram - Davi Fernandes & Cultura do Céu (DVD Céu e terra se encontram)"> </div> <div class=""> <h6>Céu e terra se encontram - Davi Fernandes & Cultura do Céu (DVD Céu e terra se encontram)</h6> <small class="float-right">16:50</small> </div> </li> </a> Função jQuery que tentei utilizar: $(document).click(".videoLink", function(event){ event.preventDefault; var url = $(this).attr("id"); console.log(url); var iframeVideo = '<iframe width="560" height="315" src="'+url+'" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>' $("#iframeVideo").html(iframeVideo); $("#iframeVideo").show(); }) Porém quando clico no link ele me retorna 'undefined' como o valor da variável url.
-
Como remover elementos da Tela final e anotações do player do YouTube em JavaScript
AndréAraujo posted a topic in Javascript
Gostaria de saber se é possível remover e os itens que são acionados ao final do vídeo, no caso "Tela final e anotações" conforme o mostrado na imagem abaixo, eu já estou utilizando o "rel: 0" e o "iv_load_policy: 3" que estão funcionando bem para a não exibição das anotações e não exibição de miniaturas após o encerramento do vídeo. Agradeço a atenção! -
Bom, basicamente: existem vários botões, e quando clicados um iframe específico deste botão é inserido no html. function prepareFrame() { var ifrm = document.createElement("iframe"); ifrm.setAttribute("src", linkYoutube); /*estilos do iframe*/ espaco_iframe.html(ifrm); /*insere o iframe em forma de html */ } var espaco_iframe = $('.div_planilhas_youtube') var linkYoutube = $('.div_planilhas_youtube').data('href'); /*busca no html o data_href específico daquele botão, pra usar como URL do iframe*/ $('#tabela_funcoes tr td').click(function() { /*disparando o função pelo clique*/ prepareFrame(this); }) O ÚNICO problema está sendo: Os vídeos abrem com o clique, mas a função continua a usar somente o primeiro data_href correspondente. Aí o vídeo acaba sendo o mesmo pra todos os botões. Já tentei: function(this) this prepareFrame() prepareFrame() this prepareFrame(this) tô começando a ficar desesperado adnodkspnpkasda Muito obrigado a quem se dispor!
-
Como interagir com iframe de site externo com php, javascript ou jquery?
Ericsson Berg posted a topic in PHP
Boa tarde! Estou tentando fazer um programa que irá acessar um site externo(detran) para fazer uma buscar semiautomática. Semiautomática porquê, o usuário irá digitar a placa e renavam de um determinado veículo e com isso abriria a página do detran a qual eu pegaria os campos com as informações do veículo para gravar numa base de dados que será utilizada confins de registro do que foi avaliado. Contudo, eu não consigo de forma alguma acessar o iframe, o seu conteúdo. há restrições para realizar este procedimento? A utilização do frame em sites externos serve somente para a visualização? *Teria que acessa e executar sempre dentro da mesma página carregada para não perder a validação. -
Um exemplo, no Google Chrome o "z-index:2147483647" consegue fazer a div se sobrepor ao iframe sem problemas, já nos outros navegadores não estou conseguindo fazer <div id"controls"> se sobrepor ao iframe, alguém conhece alguma forma de sobrepor o iframe ou tem alguma ideia do que eu estou fazendo de errado? Segue o exemplo: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Teste</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <style> #contarner_video{ padding-bottom:56.25%; height:0; border-radius:inherit; overflow:hidden; z-index:0; } #contarner_video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; } #ytplayer{ display:block; } #controls{ width:100%; height:30px; background-color:#000; opacity:0.9; position:absolute; top:0; left:0; z-index:2147483647; } #controls span{ line-height:30px; padding:0 20px; color:#fff; float:right; } </style> </head> <body> <div id="contarner_video"> <iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/M7lc1UVf-VE?controls=0&enablejsapi=1&fs=0&rel=0&showinfo=0&iv_load_policy=3" frameborder="0" allowfullscreen></iframe> <div id="controls"> <span>FullScreen</span> </div> </div> <script> $('#controls span').on('click', function(){ var e = document.getElementById("ytplayer"); if (e.requestFullscreen) { e.requestFullscreen(); } else if (e.mozRequestFullScreen) { e.mozRequestFullScreen(); } else if (e.webkitRequestFullscreen) { e.webkitRequestFullscreen(); } else if (e.msRequestFullscreen) { e.msRequestFullscreen(); } }); </script> </body> </html>
-
Olá pessoal! Não tenho ideia de como começar a função para fazer o efeito abaixo: https://www.google.com/about/datacenters/inside/streetview/ Perceba que ele rotaciona a imagem em 360... ao passar o mouse sobre o iframe ele "inativa" e ao tirar o mouse volta a rotacionar. O iframe é vem do próprio Google Street View, como exemplo abaixo: <iframe src="https://www.google.com/maps/embed?pb=!1m0!4v1512855352649!6m8!1m7!1suMLibmsgdnXf2_bCctYEMw!2m2!1d35.89817758884865!2d-81.54816224270218!3f48.9!4f0!5f0.8160813932612223" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> Dei uma fuçada na biblioteca do Jquery e não encontrei algo que possa usar para fazer o mesmo efeito do link acima. Alguém já preciso de algo ou tem uma luz para o caminho que devo seguir? Obrigado!
-
Preciso de um Iframe no meu site. Meu site tem protocolo HTTPS, e o source do Iframe também. Então, por que o meu site não o exibe? Ambos sites tem certificado. <!DOCTYPE html> <html class="no-js" lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="robots" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <link rel="icon" href="/site/img/layout/favicon.png" /> <style>.se-pre-con { position: fixed; left: 0px; top: 0px; width:100%; height: 100%; z-index: 9999; background: url(/site/img/layout/preloader.svg) center no-repeat #3177fa; }</style> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <link rel="stylesheet" href="/site/css/script/jquery-ui-delta/jquery-ui.css"> <title>Teste</title> </head> <body id="home"> <h1>Teste</h1> <iframe src="https://sandbox-app.vindi.com.br/customer/bills/6740?token=1fd4b0cc-2f66-4b3e-9bac-7c9988e64646" width="100%" height="50%"></iframe> </body> </html>
-
Ola galera boa noite, teria ou tem algum codigo de criar iframe sem for este aqui <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <ul class="dropdown-menu" role="menu"> <li><a href="?edite">Editar</a> </li> <li><a href="?configuracao">Configuração</a> </li> </ul> </li> <li><a class="close-link"><i class="fa fa-close"></i></a> </li> </ul> <div class="clearfix"></div> </div> <div class="x_content"> <!-- CODIGO IFRAME --> <iframe name="#linear" src="http://www.youtube.com/embed/WsFboooY84Y" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="100%" height="100%"> </iframe> <!-- CODIGO IFRAME --> </div> </div> </div> </div> </div> </div> <!-- /page content --> um codigo que fica mais bonito dentro do bootstrap
-
estou tentando exibir um video do youtube no meu site, então peguei o codigo que o próprio youtube disponibiliza: <iframe width="560" height="315" src="https://www.youtube.com/embed/A_Kn4_7zlFA" frameborder="0" allowfullscreen></iframe> Ocorre que a url do vídeo explicitada no src, estou colocando como uma variavel , assim: mas não funciona... ao inspecionar no debugador mostra:
-
Estou com um problema com iframe no mobile! Sempre que adiciono um iframe ele abre outra pagina em vês de mostrar na mesma... Ocorre isso apenas no mobile, como posso arrumar para que ele mostre a pagina no iframe dentro de outra pagina ao em vês de abrir uma pagina com o link do iframe?
-
Bom dia a todos! Meu problema é o seguinte: peguei um código de galeria de fotos e adaptei ele no site que estou desenvolvendo em laravel. A galeria funcionar perfeitamente mas o inconveniente dela é que na barra de endereço fica algo desse tipo: http://localhost:8080/site/noticia/2246#http://localhost:8080/site/public/fotos/2242/58661.jpg. A cada foto que abre, muda esses números.jpg. Além de ficar feio, ao tentar voltar a página, volta para a imagem anterior. Pensei em abrir essa galeria dentro de um iframe, com a esperança de resolver o problema, então em uma view coloquei assim: <div id="gallery"> @foreach ($galeria as $key=>$fotos) <a href="{{asset('public/'.$fotos->endereco)}}"> <img class="thumb" src="{{asset('public/'.$fotos->endereco)}}"> </a> @endforeach </div> No iframe, não sei como que chamo essa view (galeria.blade.php). Tentei de vários jeitos e deu erro, por exemplo: <iframe class="col-lg-12 col-md-12 col-sm-12" src="galeria" name="galeria"></iframe> O arquivo que possui o iframe e a página galeria.blade.php estão no mesmo diretório.... Caso vocês tenham outra sugestão para resolver esse problema de url, podem me passar... ficarei muito grata! obrigada!
-
Olá, desenvolvi uma pequena biblioteca usando javascript, html e css que tem a finalidade de inserir em um documento controles input type="file" para upload de arquivos. A chamada é mais ou menos assim: <div id="principal"> <h3>Criação dinâmica de controles para upload de arquivos</h3> <button class="btn btn-primary" onclick="eu_buildControl('principal', true, '', true, '')">Insere novo controle</button> <button class="btn btn-primary" onclick="eu_uploadAllFiles('principal')">Executa upload</button> </div> Ao receber um click o botão "Insere novo controle" dispara a função eu_buildControl(...) que injeta no documento via javascript um código HTML devidamente preparado para permitir ao usuário escolher arquivos para upload. Um exemplo da tela que resulta após cliques no botão de inserção está anexa. Cada linha/conjunto de input, barra de progresso, botão preview e botão delete é inserido automaticamente no documento. Até aí tudo certo, mas quando parti para o uso em um app esbarrei no problema de aninhamento de forms que não é suportado no HTML. O form "principal" (que é o form que permite ao sistema se comunicar com o servidor via php) conflita com o form usado dentro da função eu_buildControl(...) para enviar via ajax os uploads. No caso do Chrome (não cheguei a testar nos outros) as linhas contendo o form mais interno são simplesmente rejeitadas e não aparecem no código carregado. Andei olhando vários posts na web a respeito desta situação mas ainda não sei bem como contornar esse problema. Peço então alguma orientação do pessoal mais experiente no sentido de encontrar a melhor saída. Andei lendo que o uso de iframes poderia resolver o problema, mas não testei ainda. Me pareceu relativamente simples mas neste caso eu gostaria de perguntar se há alguma maneira de injetar o conteúdo de uma variável (que obviamente terá um trecho html consistente dentro de si) no parâmetro source do elemento iframe. Algo assim: <iframe src= minha_variavel_js ...></iframe> Bem, desde já agradeço a atenção. Att, Jorge.
-
Bom dia. Pessoal estou criando um site o qual tem uma rádio on-line. Pesquisei um pouco e o pessoal diz para usar frames, mais vi que está descontinuado em HTML5. Fiz o seguinte código na index.html: <frameset rows="30,*" cols="*" framespacing="0" frameborder="no"> <frame src="player.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="Player" class="teste" /> <frame src="index2.html" name="mainFrame" id="mainFrame" title="Site" /> <noframes></noframes> </frameset> Só que ao abrir no celular perde toda a responsividade do Bootstrap. Poderiam me dar uma ideia de qual a melhor maneira em se fazer nesse caso? Pois preciso que o player fique no topo de todas as páginas e ao trocar de página ele não reinicie. Obrigado.
-
É o seguinte, eu quero que quando eu apertar um botão, aparece uma pagina inbutida na pagina usando iframe! Codigo iframe <iframe style="border: 0;" src="pagina1.html" width="400px" height="600px" frameborder="0" scrolling="no"></iframe> Codigo que estou usando para aparecer as páginas aleatórias <script> var enderecosfacil = new Array("itens/facil/lanterna-sem-pilha.html", "itens/facil/kit-agulha-de-seringa.html", "itens/facil/vela.html", "itens/facil/pedaco-de-pano.html", "itens/facil/garrafa.html", "itens/facil/calculadora.html", "itens/facil/lampada.html", "itens/facil/municao.html", "itens/facil/tesoura-enferrujada.html", "itens/facil/tesoura.html", "itens/facil/fn57.html", "itens/facil/cantil.html", "itens/facil/pilha.html", "itens/facil/faca-enferrujada.html", "itens/facil/faca.html", "itens/facil/feijao-enlatado.html", "itens/facil/pilha-estragada.html"); function itemFacil(){ aleat = Math.random() * enderecosfacil.length aleat = Math.floor(aleat) window.location=enderecosfacil[aleat] } </script> Por em quanto eu tenho somente isso: Ao pressionar um botão, a pessoa é redirecionada a uma pagina aleatoria, saindo da pagina principal! O que eu quero: ao pressionar um botão, será exibido na pagina que você está, uma outra pagina com iframe aleatória! Se isso for possivel, por favor me ajudem! Se for impossivel, me deem sugestões de como fazer um outro metodo!
-
Galera!!! Estou com o script abaixo, onde consigo abrir URL no brownser, porém, funciona em todos os NAVEGADORES, tipo: GOOGLE e FIREFOX, porém, no IE não. Existe alguma outra alternativa conhecida para contornar isso... Preciso de basicamente, IE funcione. <style> #conteudo, #iframe{ width: 100%; height: 100%; margin: 0 auto; overflow: auto; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function () { $('#conteudo').html('<object id="iframe" data="http://www.ulbra.br"/>'); }); </script>
-
html Quando clico no iframe que possui video do youtube ele perde a borda
victorln1 posted a topic in HTML e CSS
Quando alguem clica no iframe ele perde a borda como faço para ele continuar com a borda? <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title></title> <Style> #fundo-branco{ background-color: white; color: #8e4598; width: 90%; position: relative; top: 0px; left: 5%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: auto; display: table; z-index: 5; padding-bottom: 30px; padding-top: 80px; } #conjunto-videos{ width: 100%; display: table; height: auto; left: 0; top: 20px; position: relative; } .videos-conjunto{ width: 600px; position: relative; height: 400px; margin: 0 auto 50px auto; left: -3%; } body{ background-color: #8e4598; margin: 0; } .iframes-conjunto{ width: 100%; height: 100%; border-radius: 15px; } </Style> </head> <body> <section id="fundo-branco"> <ul id="conjunto-videos"> <li class="videos-conjunto"><iframe class="iframes-conjunto" src="https://www.youtube.com/embed/p1quJZvHLes" frameborder="0" allowfullscreen></iframe></li> </ul> </section> </body> </html> -
Estou tentando abrir coloca um site do meu cliente dentro de um iframe de outro site deste mesmo cliente. Ocorre que o site não abre no iframe Ele domina a pagina e abre em seu próprio endereço Tentei no html5 com div, box, conteiner e nada segura ele Ele deve ter algum java script que direciona para seu próprio domínio o endereço deste site dsahomes.com Sera que tem como manter ele dentro do iframe? Obrigado pela ajuda Douglas
