Search the Community

Boa noite, gostaria de saber se alguém conhece algum plug-in que gere esse tipo de mapa, no caso a antiga API do google que fazia isso está off.. <div> <iframe style="border:0; width: 100%; height: 350px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sNome+SegundoNome!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" allowfullscreen></iframe> </div>

Olá, estou tendo problemas com os vídeos "embedados", porque sempre que a pessoa está assistindo, se ela por acaso clicar na tela ao invés de clicar no botão de pause, ela é redirecionada para o site de origem do vídeo, e isso atrapalha bastante, então gostaria de saber se há como resolver isso, desde já, agradeço.

Bom dia eu sou novo em programação eu queria saber como eu faço para colocar um vídeo embedado do youtube no meu site sem os comando e sem a logo do youtube alguém me ajuda ? esse e o código. <iframe width="560" height="315" src="https://www.youtube.com/embed/ba34ILUcGAI?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Olá, Depois de muito pesquisar, acabei fazendo minha HP com um Iframe. Conheço um pouco de Html e só. Já tentei fuçar no PHP, com o famoso "Include", mas acabei desistindo. Tenho muitas páginas e o Menu de um lado facilita o acesso do outro lado. Meu site é composto de uma página "index.html" que fica à esquerda da tela e, à direita, ficam os conteúdos, de acordo com que o usuário clica no Menu. Nos desktops, o site funciona bem. Nos Smartphones, a aparência é bem razoável e é mais ou menos assim : ================================ Só que há pouco tempo, li que o Google anunciou que vai dar prioridade de indexação às páginas adaptadas a dispositivos móveis. Muito bem. Coloquei a meta tag na Head da index.html : <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0 maximum-scale=1.0"> Aí, começaram os problemas. O site ficou assim : A mesma Meta Tag também foi colocada em todos os conteúdos que ficam à direita, mas ... não resolvem os problemas. Poderiam ajudar? Agradeço antecipadamente. Jeff

Pessoal, Tenho uma página principal que tem um IFRAME até ai tudo bem eu quero que o conteúdo dessa página seja redimensionado conforme a página principal <iframe src="SlidePromo/slider.html" style="width: 100%; height: 599px;" frameborder="0" scrolling="NO" marginheight="0" marginwidth="0" ></iframe> A página slider tem um carrocel que quando eu abro só a página slider.html ela já está redimensionando automátivo. Quero fazer na principal que chama ela

Pessoas tem como eu carregar o wordpress dentro de um iframe. Eu preciso colocar dois iframe um para carregar o wordpress e outro para carregar um player de radio online. O iframe é para navegar no site sem interromper o áudio da rádio. Tentei colocar dentro de um iframe e carregou a primeira tela porém os outros links estão todos como link não encontrados. Tem como rodar o wordpress dentro de um iframe?

Olá, Boa Noite. Estou usando o Iframe pra exibir meu form de login na minha página central, porém, quando eu clico no botão login, o profile parece somente no iframe, teria como eu fazer o profile ser redirecionado na página principal. Segue o código: <div class="modal fade" id="modalLRFormDemo2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog cascading-modal" role="document"> <!--Content--> <div class="modal-content"> <iframe marginwidth="50" height="500px" width="500px" src="CADASTROS_LOGINS\LOGIN\index.html"> Seu navegador não suporta frames )= </iframe> <center><button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">Fechar</button></center> <br> </div> </div> <!--/.Panel 8--> </div> </div> </div>

TEnho uma barra de contraste em um página que utiliza iframe. Quando clico no contraste para mudar, muda a página toda, menos a que está dentro do iframe. Só muda se eu atualizar com o botão direito depois o iframe Teria como cada vez que eu clicar no contraste, dar um reload apenas no iframe? muda a página por fora normalmente e reload no iframe. Abs Paulo

é assim. em um lugar do site vai ter um link daqueles que posicionam a rolagem na âncora. no entanto, nessa ancoragem vai ter um IFRAME e eu gostaria que o link, ao mesmo tempo, mudasse a página do IFRAME pelo atributo _target e posicionasse o scroll pela ancora. Tem como fazer as duas coisas no mesmo click?

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 &amp; Cultura do Céu (DVD Céu e terra se encontram)"> </div> <div class=""> <h6>Céu e terra se encontram - Davi Fernandes &amp; 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.

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!

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