I have published a Google Sheet and have modified the iframe embedded on my website to show a certain range of cells only. I am pretty sure the modification has been done correctly, yet when the iframe is embedded, I am getting the error seen in the screenshot Google Sheet. The iframe used is the following:
<iframe src="https://docs.google.com/spreadsheets/d/e/xxxxx-1vTvQphG_8AomL4TacudrbUYMRlWuL_nITRnPMBeVEOz8bJ6y-3DXFdCqmZ7io9wgyvi6eEBl7Dju2qT/pubhtml?gid=1922308330$amp;widget=true&headers=true&chrome=false&range=A1:B1" style="border:1px solid gray;" width="500" height="600"></iframe>
What am I doing wrong?
There is $ between gid and amp in the link, it should be &
Change your code from:
<iframe src="https://docs.google.com/spreadsheets/d/e/xxxxx-1vTvQphG_8AomL4TacudrbUYMRlWuL_nITRnPMBeVEOz8bJ6y-3DXFdCqmZ7io9wgyvi6eEBl7Dju2qT/pubhtml?gid=1922308330$amp;widget=true&headers=true&chrome=false&range=A1:B1" style="border:1px solid gray;" width="500" height="600"></iframe>
To:
<iframe src="https://docs.google.com/spreadsheets/d/e/xxxxx-1vTvQphG_8AomL4TacudrbUYMRlWuL_nITRnPMBeVEOz8bJ6y-3DXFdCqmZ7io9wgyvi6eEBl7Dju2qT/pubhtml?gid=1922308330&widget=true&headers=true&chrome=false&range=A1:B1" style="border:1px solid gray;" width="500" height="600"></iframe>
Reference:
What is & used for
Related
I wanna learn how you guys can implement an embedded youtube video of personalize dimensions. I searched on Google "how to" and I tried some of the tips, but still not working. Can you help me ?
Create a new file index.html. Open it with your text editor (e.g., Notepad). Add the following to it:
<!DOCTYPE html>
<html>
<body>
<h1>My Embeded YouTube video</h1>
<iframe width="1280" height="720" src="https://www.youtube.com/embed/bWPMSSsVdPk" frameborder="0" allowfullscreen></iframe>
</body>
</html>
Change width="1280" and height="720" to the desired number of pixels. Change "https://www.youtube.com/embed/bWPMSSsVdPk" to whatever youtube video you want. For instance, if you'd like to change it to the following video: https://www.youtube.com/watch?v=ohr6O78jGzs
Just switch bWPMSSsVdPk to ohr6O78jGzs in the "https://www.youtube.com/embed/bWPMSSsVdPk" part, such that "https://www.youtube.com/embed/ohr6O78jGzs". Just note that not all videos are embeddable.
Open index.html with a browser. Just drag and drop it into the browser window.
Should do the trick.
I have tried to embed the video as shown below on my asp.net mvc app.
<div class="col-lg-12 center " data-animation="bounceInRight" data-delay="300">
<iframe width="170" height="128" ng-src="https://www.youtube.com/embed/watch?v=1aDLYFBuWc8" frameborder="0" allowfullscreen style="max-width:100%; margin:0 auto; display:block;"></iframe>
</div>
But when I tried to play, it shows below error.
There is no console window errors.When I tried to get the url by right clicking the above video then it shows this : https://youtu.be/undefined
But when I embeded below kind of url then it works fine.
https://www.youtube.com/embed/A6XUVjK9W4o
Could you tell me how to sort out this issue ? Thanks in advance.
Answer :
I think I can avoid this issue if I use the Video_Id as #Jossef Harush mentioned below.
Using ng-src in redundant
Since you don't dynamically set the video url in your example. no need to use ng-src
ng-src - http://plnkr.co/edit/HfJRVtt1Qga5UgyU242u?p=preview
src - http://plnkr.co/edit/LROnn8jHak1P8Hk4bR7e?p=preview
YouTube Embed URL is incorrect
from they're docs:
Embed a player using an tag
Define an tag in your application in which the src URL
specifies the content that the player will load as well as any other
player parameters you want to set. The tag's height and width
parameters specify the dimensions of the player.
If you create the element yourself (rather than using the
IFrame Player API to create it), you can append player parameters
directly to the end of the URL. The URL has the following format:
http://www.youtube.com/embed/VIDEO_ID
use https://www.youtube.com/embed/A6XUVjK9W4o
instead of https://www.youtube.com/embed/watch?v=1aDLYFBuWc8
Sample on Plunker
go to the wanted Youtube video and click on Share then you will get the option for a code snippet which you can embed into your code.
This is the default from yt
<iframe width="420" height="315" src="Link here" frameborder="0" allowfullscreen></iframe>
Bad url and you can't use ng-src try this:
<div class="col-lg-12 center " data-animation="bounceInRight" data-delay="300">
<iframe width="170" height="128" src="https://www.youtube.com/embed/1aDLYFBuWc8?rel=0" frameborder="0" allowfullscreen="" style="max-width:100%; margin:0 auto; display:block;"></iframe>
</div>
http://jsfiddle.net/6w3ao4ft/
I'm looking to embed a YouTube video into an XPage, probably into a repeat control. I've looked around but can't find anything specific to XPages. I can create a link to open the YouTube video but that just moves them to YouTube but I don't want to leave my site.
Does someone have an example of how to do this.
Use the HTML <iframe>, <object> or <embed> tag to insert YouTube videos into your XPage repeat control.
Example:
<xp:repeat
id="repeat1"
rows="30"
var="video"
indexVar="number">
<xp:this.value><![CDATA[#{javascript:
[ "http://www.youtube.com/embed/XMoTb1iep48",
"http://www.youtube.com/embed/lvs3vpmEKHg",
"http://www.youtube.com/embed/63lYaeOJZOA",
"http://www.youtube.com/embed/6D6PzLSlEsQ"
]
}]]></xp:this.value>
<iframe
width="400"
height="250"
style="margin:2em"
src="#{video}"
frameborder="0"
allowfullscreen="allowfullscreen">
</iframe>
<xp:text
rendered="#{javascript:(number + 1) % 2 == 0}">
<br />
</xp:text>
</xp:repeat>
Make sure you use http://www.youtube.com/embed/YOUR_VIDEO_ID as URL.
A detailed description you can find here.
You need to follow instructions and put a short snippet anywhere in the XPage. Something like:
<iframe title="YouTube video player" class="youtube-player" type="text/html"
width="640" height="390" src="http://www.youtube.com/embed/-X2zNe3YFNM"
frameborder="0" allowFullScreen></iframe>
With too many rows in your repeat you can expect lots of iframe reloads on every refresh.
Am using code provided by Google Developers to add Youtube button to website. When button is activated and the link to Youtube is made, I get a message on Youtube that "The channel does not exist."
See following code:
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="UC73r_CJEG-2kH6VY1lW7gIQ" data-
layout="default" data-count="hidden"></div>
Have also tried i frame api:
<iframe data-gapiattached="true" frameborder="0" scrolling="no" height="25px"
width="174px" style="padding-right: 10px"
src="http://www.youtube.com/subscribe_embed?bsv&usegapi=1&channel=UC73r_CJEG-
2kH6VY1lW7gIQ">
</iframe></h6>
<div align="center">
<script src="https://apis.google.com/js/platform.js"></script>`
With i frame api, web page shows Youtube icon with an exclamation point and the word "Error".
Am using Dreamweaver CS5 and Safari.
If i understood the code, you want generate a suscriber button.
you can see this doc:
https://developers.google.com/youtube/youtube_subscribe_button?hl=nl
This code Work for me.
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="UC73r_CJEG-2kH6VY1lW7gIQ" data-layout="default" data-count="default"></div>
http://jsfiddle.net/carlosrojas_o/9LLzjd7h/
I'm developing a blog app, and using windows live writer 2011 to embed a YouTube video is pretty straight forward, but I've encounter a strange issue. Here is what I did,
I copy a link from the YouTube site, for example, http://www.youtube.com/watch?v=3Kk-yZ7VpeA
From WLW I insert video From the web and paste the link in it
WLW shows the video without any problems
I view Source in WLW, it gives the following html <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:bb7a51da-b141-42e1-9e93-72967dd2f73d" class="wlWriterEditableSmartContent"><embed src="http://www.youtube.com/v/3Kk-yZ7VpeA?hd=1" type="application/x-shockwave-flash" wmode="transparent" width="448" height="252"></embed></div>
All these are working fine with preview and everything, but when I publish it, it shows up a black squaure of image instead of the video on my site. Moreover, the html WLW sent to the server is the following: <div style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:inline;float:none;padding-top:0px;" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:bb7a51da-b141-42e1-9e93-72967dd2f73d" class="wlWriterEditableSmartContent"><div id="7bd0cee8-cce8-4b10-8833-6e30cefafd64" style="margin:0px;padding:0px;display:inline;"><div><img src="http://127.0.0.1:10000/devstoreaccount1/ray/blog/image/2011/05/videob8758375cccf.jpg" style="border-style:none;" alt="" /></div></div></div>
Note the "embed" tag was no longer there and an "img" was instead created. I don't really know why WLW sent what it sent and how to fix this issue, could someone help point out please.
Thank you so much!
I got it figured out. I added
<supportsEmbeds>Yes</supportsEmbeds>
to wlwmanifest.xml file. Without this line, WLW shows the blog capabilities for "Embeds" as "Unknown" and it messes with the embed tag.