I'm unsure as to why my embedded websites are all refusing to connect when I load a webpage I get this error "www.exaplesite.com refused to connect." if anyone could help me to fix this error it would be much appreciated.
My Code:
<div id="Container"
style="padding-bottom:56.25%; position:relative; display:block; width: 100%;">
<iframe id="ViostreamIframe" width="100%" height="1000px" src="https://www.example.com/" frameborder="0" allowfullscreen="" style="position:absolute; left: 0; margin-top: 3.4%"></iframe>
</div>
You cannot fix this from Power Apps Portal side. Most probably web site that you try to embed as an iframe doesn't allow to be embedded. You need to update X-Frame-Options on the website that you are trying to embed to allow your Power Apps Portal (if you have control over that website). You can find more Here
Related
Recently in my company found an error about some images not being shown on our pdf's.
We started looking and found that our images were build like:
<div style="
position: absolute;
top: 20cm;
left: 4.5cm;
width: 3.3cm;
z-index: 9998;
">
<img src="{{ base_path("public/path/to/my/image.png") }}" height="auto" width="100%" />
</div>
But them wont show on the pdf.
This used to work and is still working on production, but no longer working for our other branches even though we didn't touch anything related to this.
We are using dompdf 0.8.6, laravel 5.7.29 and PHP 7.1.3.
We know that adding height to the div and changing image height from auto to 100% solves it, but we have hundreds of images that do not have any height defined and they are being shown as expected.
Any idea why this happens?
Updating any library would do the trick?
Or maybe any library causes this problem?
I wanted to embed a stream of a Zoom meeting into HTML and allow users to attend meetings directly inside of an application. I used the following code.
<div class="iframe-container" style="overflow: hidden; padding-top: 56.25%; position: relative;">
<iframe allow="microphone; camera" style="border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;" src="https://success.zoom.us/wc/join/{meeting-id}" frameborder="0"></iframe>
</div>
It worked succcessfully in a basic php site.
Is it possible to apply the same to a moodle website...?
There is a moodle plugin "Zoom Video", but it does not provide this functionality.
How can I add a separate code to embed zoom video on a moodle website...?
One solution is to add an HTML page from Moodle activity and put your HTML code in it.
I found this Zoom embed code generator on https://www.fullstacksys.com/zoom-embed-code-generator that generates Zoom embed code from Zoom SDK and I can use it for my website however it doesn't support mobile yet.
I have 2 links.
For example - When a person clicks on the button "click here" - it should show www.google.com on the link bar, but it should redirect to "www.yahoo.com" and the person should not be able to see this "www.yahoo.com".
Yahoo and google are just used as an example.
How can I do that?
This was so ridiculously easy I guess this cannot be a hackers big secret.
Click HERE to be lured into my fake banking site
Although it does require javascript to be active on the browser
I would "recommend" using a full page iframe like this:
Upload a file to your server that contains this (in your example your server would be Yahoo!)
<!DOCTYPE html>
<html>
<head>
<style>
body, html, iframe {margin: 0; padding: 0; height: 100%; width: 100%; border: none}
</style>
</head>
<body>
<iframe src="https://google.com">
</body>
</html>
This should work alright for you and give the effect that the link is actually located on your own domain. Causing the APK download to look like it's on your machine.
The source domain can break free from the iFrame and therefore break your illusion. Many sites will do that, but it will still work properly for most of your needs.
So, basically on my website I have multiple streams and I use jquery tabs to have them all on the same page. I embed the twitch channels from their website. Now it's a bit of a mess because it's a lot of code for basically the same embed with just a different channel name, like this:
<div class="embedly-responsive" style="position: relative;padding-bottom: 75.0000%;height: 0;overflow: hidden;">
<iframe class="embedly-embed" frameborder="0" scrolling="no" allowfullscreen src="//cdn.embedly.com/widgets/media.html?src=%2F%2Fwww-cdn.jtvnw.net%2Fswflibs%2FTwitchPlayer.swff%3Fchannel%3Dcoinlives&fv=hostname%3Dwww.twitch.tv%26start_volume%3D25%26channel%3Dcoinlive%26auto_play%3Dfalse&url=http%3A%2F%2Fwww.twitch.tv%2Fcoinlive&image=http%3A%2F%2Fstatic-cdn.jtvnw.net%2Fjtv_user_pictures%2Fcoinlive-profile_image-7c29302b755258bf-600x600.png&key=0e95bd24acbf43b38a5a3a5558035397&type=application%2Fx-shockwave-flash&schema=twitch" width="400" height="300" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"></iframe>
</div>
I used this approach because I don't quite understand how their API works, IDK how to use JSON. Can someone explain to me how I would make this code easier?
I am looking for a solution to deliver a "wallpaper" banner with the adserver "openx". A wallpaper consists of a leaderboard banner (728x90 px) and a vertical skyscraper. I cant find any option in OpenX itself, so I guess there must be some kind of dirty methods to get it done.
Anyone here having experiences with it? I'm thinking of delivering just an leaderboard banner and then attaching a html snipped to the banner - which contains the markup to my skyscraper-banner... :-/
greg0ire > You can see an example of a "wallpaper" banner on this site (you might experience an overlay banner before, make sure you disable ad blocking extensions): http://www.allocine.fr/ Some days it is in flash, other days it is just a background-image css property set on the body element. I'd like to achieve the second option.
Thanks!
I got wallpapers ads to work through openx using this method.
First I created a div below the content wrapper of my site (using wordpress, header.php file).
<div id="adbg" style=" margin: 0pt auto; height: 1000px; width: 100%; position: fixed; cursor:pointer; ">
Then I created a div block with the wallpaper image in the CSS and added it to OpenX as a TEXT BANNER
<div OnClick="location.href='#';" style="background: url('image.jpg') no-repeat scroll center top #026eb4; height: 100%; width: 100%; margin: 0pt auto; cursor:pointer; "></div>
Finally, I took the openx embed code and place it within the ADBG div I pasted above.
This technique worked well for me on all browsers.
You can of course take the CSS in the adbg div and store it in your CSS file.
For the moment, I ended up doing this, but I'd like to see better solutions:
<div class="openx_<?php echo $_block->getBlockParameter('css_class');?> openx_background hidden">
<?php echo str_replace('INSERT_RANDOM_NUMBER_HERE', rand(0, 9000), $_block->getBlockParameter('html', ESC_RAW));?>
<?php echo javascript_tag()?>
var checkImg = window.setInterval(function(){
if (jQuery('.openx_background img').length)
{
jQuery("body").css('background', 'url("' + jQuery('.openx_background img').attr('src') + '") no-repeat');
window.clearInterval(checkImg);
}
}, 1000);
//give up 3 s later
setTimeout(function(){
if (jQuery('.openx_background img').length == 0)
{
clearInterval(checkImg);
}
}, 3001);
<?php echo end_javascript_tag()?>
</div>
$_block->getBlockParameter('html', ESC_RAW) contains the openx javascript invocation code.
Not sure if this is still of interest, but there's a setting in openX for that called "Companion positioning". Have a look at the OpenX reference guide under point 4.6:
http://opensourceusers.com/sites/default/files/openx_reference_guide.pdf
It's a method to make sure that a skyscraper is delivered every time a certain leaderboard is delivered. You can then use the prepend/append functionality to color the background to turn this "hockey stick" into a full blown wallpaper.