I'm using Featherlight to open an iframe in a popup modal.
You can see a demo if you click the iframe button on the site.
How can I make Featherlight add allowfullscreen="true" to the generated iframe tag? Videos will not go fullscreen without this parameter.
If you view the source html of the demo you can see that it adds it. But when I download and use featherlight.min.js it does not apply that parameter to the tag by default.
View Source
From the demo:
When used on my site:
The code for opening an iframe:
Open Popup
I looked for a solution here, but I cannot find a section like this in the code.
I found the answer was to use data-featherlight-iframe-allowfullscreen="true" in the <a> tag.
Related
I am using https://www.skype.com/ru/developer/create-contactme-buttons/ functionality. I want to change ONLY image of skype button. I tried changing the css property "content", but it doesn't work for Mozilla browser. Can someone help me?
You cannot do that because Skype's script loads it as an iFrame. Below is a source code confirmation.
And you can read more about why it is like that on this post:
Override body style for content in an iframe
There are other ways to it like mentioned here:
How can I use skype-uri.js with personalized buttons?
The title pretty much says it. I would like to show a lightbox on page load only if the url is www.example.com/#popup versus www.example.com
If this could be accomplished with google tag manager that would be grand
I've see bits and pieces of this but I'm having trouble piecing it all together.
HTML:
Open element in lightbox
<div id="mylightbox">This div will be opened in a lightbox</div>
if (window.location.hash === "#popup") {
$.featherlight("#mylightbox");
}
See https://github.com/noelboss/featherlight/#manual-calling-of-featherlight
Fiddle Shows manual lightbox open call.
http://jsfiddle.net/fm9wp96r/
I'm not sure if this will be possible, but is there any way to extract the dynamic link under this webpage: http://www.mobileonline.tv/channel.php?n=69111 the dynamic link is named "Link 1 (HLS): not compatible with all channels" thanks
I suppose, besides xss, the only easy way is by
going to that page,
right clicking on that link,
click on inspect element.
The anchor tag should be highlighted for you in the developer tool. You can find the url in the href attribute of the anchor tag.
I have published a Google Document that contains some links. I have used the iframe code to embed it on a webpage. However, when clicking on its links, the iframe is being replaced by the link's target url.
I have tried to dynamically download the frame and replace a div placeholder (ajax + jquery), but it's not an elegant solution as there is basically an html document embedded on the parent html document. ( I have other problems with this approach)
I have also tried using the tag:
<base target="_blank">
but it doesn't work.
Another failed attempt was by using the onload attribute of the iframe element.
Then with jQuery I was trying to modify the target of all the a elements.
Any help? Thanks in advance!
Duplicate question. Workaround, An old one, On SO
Force iFrame links (in embedded Google Doc) to open in new window
Google docs requests for an answer Here
Ok, guys, I need your help. My English is not so good, so I hope that you'll understand what I want.
I need some very simple modal dialog that will be generated only through JavaScript or Jquery. In that modal I will have some iframe. Modal and iframe in it must be generated via JavaScript or Jquery, because I need just some code in <script> and <a> link in body to call that js or jquery code and generate modal with iframe in it.
If there is need for CSS to create modal and iframe in it, CSS will be created via that code too. Client will put those <script> and <a> tags on his site and then will on click get modal with iframe. In iframe will be content of my own site. I need that for ads, like Google Ads.
P.S. I know how to create iframe through JavaScript, so basically I need that modal dialog to complete code. I can do that without modal dialog, using popups, but I need better solution.
Any suggestions? Thank you.
Use Colorbox. It will allow you to iframe content, and all you use are <a> tags. Super simple, 100% customizable. I use it for a lot of my client work. On the example page you will see an example of iFramed content. If you view the source, you will see the following usage:
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
...
<p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p>
A <script> and <a> tag.
The css is not generated via the code, however, you could easily add a line as part of the script to do this in jQuery which gets called after the modal's load:
$('cboxOverlay').css({ background: '#fff' });
// etc ..