I'm trying to embed a PDF file to my bootstrap page and trying to get it to work for IE11.
Now i'm running this simpel code:
<div id="pdf">
<iframe src="/Content/Test.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
<p>It appears your web browser doesn't support iframes.</p>
</iframe>
</div>
However when i load the page i get the following dialog.
do you want to open or save
What am i doing wrong?
I think this might be a browser-issue. Sort of protection.
Related
I'm trying to add an Embed code in my Google Site
In the HTML, I'm trying to use <iframe> to display other sites in .aspx and .php.
<iframe> works totally fine with .aspx site. However, it does not display .php content.
To display .aspx, this is how my <iframe> part code looks like, which works fine.
<iframe
src="https://XXXX.aspx"
frameborder="0"
scrolling="no"
style="overflow:hidden;height:100%;width:100%"
height="100%"
width="100%">
</iframe>
However, when I added a .php site to iframe, it either shown nothing or returned 404 error.
The following was what I tried, and both of them did not work.
This returns a blank page
<iframe
src="https://www.php.net/manual/en/tutorial.firstpage.php"
frameborder="0"
scrolling="no"
style="overflow:hidden;height:100%;width:100%"
height="100%"
width="100%">
</iframe>
AND
This returns a 404 error
<iframe
src=<?php print "https://www.php.net/manual/en/tutorial.firstpage.php" ?>
frameborder="0"
scrolling="no"
style="overflow:hidden;height:100%;width:100%"
height="100%"
width="100%">
</iframe>
Please help!
This problem occurs when you enter wrong address in your Iframe tag.
please check that or tell us that address you want put in iframe.
You can test it out by putting
<!DOCTYPE html>
<html>
<body>
<iframe src="https://www.php.net/manual/en/tutorial.php">
</iframe>
</body>
</html>
into a new html doc and then open with a browser, you will see that
Refused to display 'https://www.php.net/manual/en/tutorial.php' in a
frame because it set 'X-Frame-Options' to 'sameorigin'.
in the broswer's console.
https://stackoverflow.com/a/27359031/8062552
I have one site hosted on Github Pages that successfully embeds a YouTube video. I'm in the process of building a second site for public release and would like to include an embedded video on this as well. The embed works locally so I know my code isn't the issue, but Github refuses to display the video on this second site. More detail below, including specific code.
Site with working Youtube embed: https://greattimeband.github.io
New site (work in progress): https://gr8time.github.io
The old site displays two videos in the lower left, embedded and fully functioning. The second site does not display the video (just under the carousel up top) but seemingly recognizes the element as existing. There are a few variables that may be at play here:
Site #1 was built using Webflow and may have some inherent styling or containers that I am unaware of. I scoured my css for any clues but can't seem to find any. This embed is also pointing directly to a specific video rather than calling upon the "most recent upload"
Site #2 is being built with Bootstrap. The embed is also calling upon the most recent upload on my channel rather than a specific video (so the site should update itself with each new upload).
Either of these factors may be contributing, but I'm wondering why Github does fine with the first example and not with the second. I understand Github Pages may not allow embedding of videos at all, which makes the first example even more interesting. Wondering if there may be an explanation on either side and if my inadvertent success on the first site can be replicated (without using Webflow).
Site #1 embed code (working):
<div class="video-div-block">
<div class="video-row w-row">
<div class="column-5 w-col w-col-4">
<h2 class="heading-2 video">Video</h2>
<div style="padding-top:56.17021276595745%" class="w-video w-embed">
<iframe width="560" height="315"
src="https://www.youtube.com/embed/4PSGaDSS8A4" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div style="padding-top:56.17021276595745%" class="video w-video w-embed">
<iframe width="560" height="315"
src="https://www.youtube.com/embed/cV4NthqdXRM" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
Site #2 embed code (working but not displaying):
<div class="video-container">
<iframe src="http://www.youtube.com/embed/videoseries?
list=UUJhHaq56JKvZlAQ32OH71nQ&index=0" frameborder="0"
allowfullscreen>
</iframe>
</div>
The second example displays properly and pulls the correct video locally, but Github refuses to display content. Any help is greatly appreciated!
Please change iframe src http to https like:
<iframe src="https://www.youtube.com/embed/videoseries?
list=UUJhHaq56JKvZlAQ32OH71nQ&index=0" frameborder="0"
allowfullscreen>
I have iframe like this:
<iframe src="https://www.keyshot.com/vr/keyshot6/motox/motox.html" style="height: 100%; width: 100%;" frameborder="0" scrolling="no">
</iframe>
And on the browser, it doesn't appear ? Is there a mistake or i can use the other way to embed this code.
Thank you!
There is a mistake, have a look at the console:
Refused to display 'https://www.keyshot.com/vr/keyshot6/motox/motox.html' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
which means you cannot access this site via an iframe from another website.
I want to embed a sound cloud in my html and below is link of the track file.
https://soundcloud.com/aviciiofficial/preview-avicii-vs-lenny
How to make this display in my webpage like embedding YouTube video?
Open the https://soundcloud.com/aviciiofficial/preview-avicii-vs-lenny link in browser and in page there is a share button, click it and popup will load and in there click embed tab and copy the code
use
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/41395010&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
do you mean something like this?
<iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2Faviciiofficial%2Fpreview-avicii-vs-lenny&color=orange_white&size=32" style="width: 32px; height: 32px;"></iframe>
I used this https://soundcloud.com/pages/embed
<center>
<iframe width="420" height="315" src="//www.youtube.com/embed/BrI7VRfqgo4" frameborder="0" allowfullscreen></iframe>
I know its been posted around, but nothing's been working for me at the moment. I have HTML website and trying to put the html video youtube embed code, but its not working for me.
My site is online, very simple html.. And it has http in the video embed code as well..
I tried a lot, but cant get it working in any way.
Regards
You have to enable embedding first before the embed code will work from other websites.
Log in to https://www.youtube.com/my_videos?o=U
Click Edit on the video you want to embed
Click on Advanced Settings in the tab below
Click Allow Embedding to enable it under the Distribution options section.
Click Save Changes to save the new configuration.
Now your embed link is ready to be embedded on other websites!
<p align="left">
<object height="385" width="640">
<embed src="http://www.youtube.com/v/LsEU_93SC4c&rel=0?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="640">
</object>
</p>
Change the third line to your video number/name.
I don'tknow it it can be of any help.
I needed just the audio, so I changed height to "0" and width to"0" and it works on IE and Firefox.
It doesn't work with Chrome and Opera.
Here the simple link.
Just insert it as it is. I inserted it at the bottom of the page before
or go to my age and see if how it works:
https://www.carniaexpress.com/friuli-per-gruppi/raduno-alpini-triveneto-tolmezzo
If you wish to see the video just change height and width...