I have created html page:
http://time.graphics/embed?v=1&id=4
I want create widget embed code:
<iframe width="600" height="400"
src="" http://time.graphics/embed?v=1&id=4
frameborder="0" allowfullscreen></iframe>
But it doesn't work, here the codepen:
https://codepen.io/jenkaman/pen/MoQzNo
Please, help. What's going on? How to create widget, which will be shown on any website. Thanks.
Problem solved!
Need use a https!
Related
I'd like to use Youtube and watch videos completely without javascript and plugins. Is it possible to do this just by using HTML5 or something like this?
More at:
W3Schools
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
I am making a website and I have to show a video on its homepage. The video exists on youtube and I need to embed it on my website.
<html>
<iframe width="560" height="315" src="https://www.youtube.com/embed/spPdelVEs_k?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</html>
Unfortunately my webpage shows a completely different video. It shows this one.
https://www.youtube.com/watch?v=7sNL0T93ItM
Does the URL convert to something different? Help me solve this problem.
Your code is fine. You just need to clear the cookies on your browser and then it should load fine for you.
This is the video your code goes to:
https://www.youtube.com/watch?v=spPdelVEs_k
I want to add a location to my website. my business location It is added to google. I want show it on my web page like this. I am using PHP. Google API did not highlight my location like this. How i add the map and highlight it.
link to see my place.
<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/view?zoom=20¢er=9.6502435%2C76.3675044&key=************************">
</iframe>
<div id="map-canvas"></div>*
I am using this to show map. It does not highlight my place, is there any way?
Looks to me like you just need to zoom in closer before you create the embedded map. I see your place "highlighted" when I do that:
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7866.698261635076!2d76.36893404541627!3d9.651179823938902!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x93fa22a41aac4d75!2sKanivu+Charitable+Trust!5e0!3m2!1sen!2sin!4v1433709664971" width="600" height="450" frameborder="0" style="border:0"></iframe>
code snippet:
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7866.698261635076!2d76.36893404541627!3d9.651179823938902!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x93fa22a41aac4d75!2sKanivu+Charitable+Trust!5e0!3m2!1sen!2sin!4v1433709664971" width="600" height="450" frameborder="0" style="border:0"></iframe>
I want to show my keek video in my code using iframe. but did not get any code by google that let me know how can I integrate keek videos with site.
Thanks
Try This:
<iframe width="480" height="390" src="https://classic.keek.com/embed/22Preab" frameborder="0" allowfullscreen></iframe>
and you can find embed code from here:
Demo: http://jsfiddle.net/cxw80tux/
The button in the lower right corner that looks like a play button, right of the facebook icon, shows the embed code.
I am having a URL of some MSN video as http://video.in.msn.com/watch/video/the-help-theatrical-trailer/fcvrtnl7,
I would like to create a HTML document in such a fashion so that if I load that HTML document then, only that running flash content present in the link mentioned below should come. I have created a HTML doc but when I load that, I am able to see only Flash player on my page , it is not playing any video content in that.
Below mentioned is the HTML code. Please advice am I missing execution of any Javascript, if yes then how to identify which is the required Javascript to get the video loaded in the flash player.
<html>
<body topmargin="0" leftmargin="0">
<embed
type="application/x-shockwave-flash"
src="http://img.widgets.video.s-msn.com/v/5407.02/fl/player/current/player.swf"
width="800" height="450" "autoplay=false"
type="application/x-shockwave-flash"
id="rich_embed_460916691"
data="http://img.widgets.video.s-msn.com/v/5407.02/fl/player/current/player.swf"
PARAM=""
bgcolor="#000000"
allowScriptAccess="always"
quality="high"
wmode="window"
allowFullScreen="true"
flashvars="playlistmin=11&ps=10&mode=destination&ifs=true&playAdBeforeFirstVid=true&endslateTime=1&slateAd=true&pl=false&adaptiveBuffering=false&hideShare=false&hideInfo=true&hideSearch=true&hideMoreVideos=true&hidePlaylist=true&rst=v5&mkt=en-in&fr=dest_en-in&reportingType=dest&brand=v5%5e800x450&adEventTimeout=15&adFull=Web&adPartial=Partial&adModelType=MSN&adDivs=ux1_2_1_300x60ad_msn%2c300%2c60%3bplayer1000x650ad%2c1000%2c650%3bplayer1380x1024ad_temp%2c1380%2c1024%3bplayer1380x650ad%2c1380%2c650&timePlaying=60&videosPlayed=1&ad=true&vc=catalog.video.msn.com&vce=edge1.catalog.video.msn.com%2cedge2.catalog.video.msn.com%2cedge3.catalog.video.msn.com%2cedge4.catalog.video.msn.com&vci=img1.catalog.video.msn.com%2cimg2.catalog.video.msn.com%2cimg3.catalog.video.msn.com%2cimg4.catalog.video.msn.com&msnlink=true&linkOverride2=http%3a%2f%2fvideo.in.msn.com%2f%3fmkt%3den-in%26vid%3d%7b0%7d%26from%3d&linkBack=http%3a%2f%2fvideo.in.msn.com%2f&ap=true&widgetId=ux1_2_1_1_5&rv=true&rvp=false&versionPath=%2fv%2f5407.02%2f&qualityOverride=LO"
/>
</body>
</html>
On the page you refer to there is a 'Share' button.
If you click it, it gives you the code you can copy and paste:
<iframe
width="432"
height="243"
frameborder="0"
marginwidth="0"
marginheight='0'
scrolling="no"
src="http://hub.video.msn.com/embed/b7dad6f8-9355-4ccc-8b1b-d6eea6f28764/?vars=bWt0PWVuLWluJmJyYW5kPXY1JTVlODAweDQ1MCZsaW5rb3ZlcnJpZGUyPWh0dHAlM2ElMmYlMmZ2aWRlby5pbi5tc24uY29tJTJmJTNmbWt0JTNkZW4taW4lMjZ2aWQlM2QlN2IwJTdkJTI2ZnJvbSUzZCZsaW5rYmFjaz1odHRwJTNhJTJmJTJmdmlkZW8uaW4ubXNuLmNvbSUyZiZjb25maWdDc2lkPU1TTlZpZGVvJmNvbmZpZ05hbWU9c3luZGljYXRpb25wbGF5ZXImc3luZGljYXRpb249dGFnJnBsYXllci5mcj1zaGFyZWVtYmVkLXN5bmRpY2F0aW9u">
Video: The Help: Theatrical trailer
</iframe>
As #GabrielTheron suggested it is an iframe.
I'm no expert here, but perhaps an iframe might be easier/better to use?
I know it's quite a common way to use external content in a webpage (especially Flash content).