Support Forum - Tag: embed

Support Forum - Tag: embed - Recent Posts http://www.kriesi.at/support/tags/embed Support Forum - Tag: embed - Recent Posts en-US Sun, 26 May 2013 01:59:19 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "Fusion tables map" http://www.kriesi.at/support/topic/fusion-tables-map#post-111155 Tue, 14 May 2013 16:32:00 +0000 Devin 111155@http://www.kriesi.at/support/ Hi geogecko, You could use a custom page template for the page and add it in that way. See: <a href="http://codex.wordpress.org/Page_Templates#Custom_Page_Template" rel="nofollow">http://codex.wordpress.org/Page_Templates#Custom_Page_Template</a> Regards, Devin geogecko on "Fusion tables map" http://www.kriesi.at/support/topic/fusion-tables-map#post-111078 Tue, 14 May 2013 10:05:54 +0000 geogecko 111078@http://www.kriesi.at/support/ Hi folks, I want to add a fusion table map to my site, I can't manage it. Can you suggest how I might amend the code to post it? Thanks Bernard (htt://www.geogecko.com) <!DOCTYPE html> <html> <head> <style> #map-canvas { width:1000px; height:800px; } </style> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script> <script type="text/javascript"> var map; var layerl0; var layerl1; var layerl2; function initialize() { map = new google.maps.Map(document.getElementById('map-canvas'), { center: new google.maps.LatLng(-13.297911901638637, 27.9502080625), zoom: 7 }); var style = [ { featureType: 'all', elementType: 'all', stylers: [ { saturation: 99 } ] }, { featureType: 'road.highway', elementType: 'all', stylers: [ { visibility: 'off' } ] }, { featureType: 'road.arterial', elementType: 'all', stylers: [ { visibility: 'off' } ] }, { featureType: 'road.local', elementType: 'all', stylers: [ { visibility: 'off' } ] }, { featureType: 'administrative.neighborhood', elementType: 'all', stylers: [ { visibility: 'off' } ] }, { featureType: 'administrative.land_parcel', elementType: 'all', stylers: [ { visibility: 'off' } ] }, { featureType: 'poi', elementType: 'all', stylers: [ { visibility: 'off' } ] }, { featureType: 'transit', elementType: 'all', stylers: [ { visibility: 'off' } ] } ]; var styledMapType = new google.maps.StyledMapType(style, { map: map, name: 'Styled Map' }); map.mapTypes.set('map-style', styledMapType); map.setMapTypeId('map-style'); layerl0 = new google.maps.FusionTablesLayer({ query: { select: "'col2>>0'", from: '186gYAPNi43m_pTD29ZbTB_JaunrAKikJh0jRdYE' }, map: map, styleId: 2, templateId: 2 }); layerl1 = new google.maps.FusionTablesLayer({ query: { select: "'col2>>0'", from: '1exlL0hvwX6z1Vc245ZGsIwGcTbDiu5pCWSxi7xM' }, map: map, styleId: 2, templateId: 2 }); layerl2 = new google.maps.FusionTablesLayer({ query: { select: "'col2'", from: '12hb056xSAX01zQadeuxYg-ZciwHjOVFg9jf6UMU' }, map: map, styleId: 2, templateId: 2 }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html> tlow87 on "Video Displaying Improperly" http://www.kriesi.at/support/topic/video-displaying-improperly#post-107621 Sun, 28 Apr 2013 00:27:49 +0000 tlow87 107621@http://www.kriesi.at/support/ That worked!! Thanks Devin. Devin on "Video Displaying Improperly" http://www.kriesi.at/support/topic/video-displaying-improperly#post-107142 Thu, 25 Apr 2013 02:37:49 +0000 Devin 107142@http://www.kriesi.at/support/ Hi tlow87, Try changing the size of the video iframe first since that height is what is setting its height. Otherwise, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: <pre><code>#top .flex_column .embed-youtube iframe { width: auto !important; height: auto !important; }</code></pre> Regards, Devin tlow87 on "Video Displaying Improperly" http://www.kriesi.at/support/topic/video-displaying-improperly#post-106964 Wed, 24 Apr 2013 04:56:38 +0000 tlow87 106964@http://www.kriesi.at/support/ No luck there :( Ismael on "Video Displaying Improperly" http://www.kriesi.at/support/topic/video-displaying-improperly#post-106847 Tue, 23 Apr 2013 17:02:41 +0000 Ismael 106847@http://www.kriesi.at/support/ Hi, Try to add this on your custom.css <pre><code>.embed-youtube iframe { max-height: 70%; }</code></pre> Regards, Ismael tlow87 on "Video Displaying Improperly" http://www.kriesi.at/support/topic/video-displaying-improperly#post-106824 Tue, 23 Apr 2013 15:07:33 +0000 tlow87 106824@http://www.kriesi.at/support/ In the code below, you can see that the blog preview (regardless of style) displays the videos at full height (width is cropped). This is a Latest Blog posts content element of the Video category within a half column. Website URL: <a href="http://thehoustonfreethinkers.com/hft" rel="nofollow">http://thehoustonfreethinkers.com/hft</a> Screenshot: <img src="http://image.bayimg.com/7d6e303c48e79ef8d7b520b61e63b78e925fc3a1.jpg"> Just started doing this today. Any ideas? <code><div class="big-preview single-big"> <iframe class="youtube-player" type="text/html" width="1500" height="874" src="http://www.youtube.com/embed/Pdk0z_rSt_g?version=3&rel=1&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent" frameborder="0"></iframe> </div></code> Nick on "Embed Tableau Software Dashboard in Propulsion Blog" http://www.kriesi.at/support/topic/embed-tableau-software-dashboard-in-propulsion-blog#post-102839 Sun, 24 Mar 2013 16:12:16 +0000 Nick 102839@http://www.kriesi.at/support/ Hi, It looks like its pasted in your blog. I see it fine on the url you provided Thanks, Nick stephanusdekock on "Embed Tableau Software Dashboard in Propulsion Blog" http://www.kriesi.at/support/topic/embed-tableau-software-dashboard-in-propulsion-blog#post-102615 Fri, 22 Mar 2013 10:41:18 +0000 stephanusdekock 102615@http://www.kriesi.at/support/ I'm struggling to embed an interactive Tableau Software Dashboard on my blog. It just doesn't seem to work. It shows a blank space where the embedded visualisation is supposed to be. I'm trying to embed the following visualisation... <a href="http://tableausoftware.com/public/gallery/tech-ipos-finish-year-strong" rel="nofollow">http://tableausoftware.com/public/gallery/tech-ipos-finish-year-strong</a> ... by copy-pasting the following HTML embed code into my blog: <pre><code><script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script> <div class="tableauPlaceholder" style="width:554px; height:869px;"> <noscript> <a href="#"><img alt="Tech Leads Capital Raised in 2011 " src="http://public.tableausoftware.com/static/images/te/techcapital_in7/Dashboard1/1_rss.png"/></a> </noscript> <object class="tableauViz" width="554" height="869" style="display:none;"><param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F"/><param name="site_root" value=""/><param name="name" value="techcapital_in7/Dashboard1"/><param name="tabs" value="no"/><param name="toolbar" value="yes"/><param name="static_image" value="http://public.tableausoftware.com/static/images/te/techcapital_in7/Dashboard1/1.png"/><param name="animate_transition" value="yes"/><param name="display_static_image" value="yes"/><param name="display_spinner" value="yes"/><param name="display_overlay" value="yes"/><param name="display_count" value="yes"/></object> </div> <div style="width:554px;height:22px;padding:0px 10px 0px 0px;color:black;font:normal 8pt verdana,helvetica,arial,sans-serif;"> <div style="float:right; padding-right:8px;"> <a href="http://www.tableausoftware.com/public/about-tableau-products?ref=http://public.tableausoftware.com/views/techcapital_in7/Dashboard1">Learn About Tableau</a> </div> </div></code></pre> I'm not really a web developer, so please ensure that your instructions on how to get this to work are detailed and easy to understand. Many thanks, Stephanus mniemann on "responsive | vimeo embed | letterbox issue" http://www.kriesi.at/support/topic/responsive-vimeo-embed-letterbox-issue#post-97109 Sun, 17 Feb 2013 11:44:34 +0000 mniemann 97109@http://www.kriesi.at/support/ Found a solution on the web: 1. Embed the video using: <div class="video"> <iframe src="http://player.vimeo.com/video/59653868" width="720" height="405" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> 2. Add adjustment to the grid.css: @media only screen and (max-width: 767px) { ..... .video embed, .video object, .video iframe {width: 300px; height: 166px;} ..... and @media only screen and (min-width: 480px) and (max-width: 767px) { ..... .video embed, .video object, .video iframe {width: 420px; height: 231px;} ..... Works fine. :) mniemann on "responsive | vimeo embed | letterbox issue" http://www.kriesi.at/support/topic/responsive-vimeo-embed-letterbox-issue#post-97035 Sat, 16 Feb 2013 11:08:36 +0000 mniemann 97035@http://www.kriesi.at/support/ Hi there, I have a problem with the responsiveness of vimeo embeded videos. It's easy to embed the videos via iframe and for normal screens it works well. But when I change the screen resolution e.g. while viewing on my iPhone the embeded vimeo videos get an ugly letterbox. (Black bars at the top and the bottom.) I tried several other methods to embed the vids. But nothings seems to work. For reference: <a href="http://maximilian-niemann.de/main/" rel="nofollow">http://maximilian-niemann.de/main/</a> Would appreciate if somebody is able to help me. :) Best regards from Germany Max Devin on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95899 Fri, 08 Feb 2013 20:54:33 +0000 Devin 95899@http://www.kriesi.at/support/ Glad we could help :) Let us know if you have any other questions or issues. Regards, Devin mudskippir on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95870 Fri, 08 Feb 2013 16:44:46 +0000 mudskippir 95870@http://www.kriesi.at/support/ Ignore me, just tried another computer. This will do! Thank you guys for your help! mudskippir on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95865 Fri, 08 Feb 2013 16:29:09 +0000 mudskippir 95865@http://www.kriesi.at/support/ Hi Devin, On my other blog site that I tested the embed code in, it looks the way yours looks, which is totally fine. Unfortunately, the way it looks in the blog post in this thread is not only limited in the ability to size/resize, but it also has that white space that closes up on rollover. Can you tell me why that is happening? It isn't happening on your page that you linked to and it doesn't happen on my other blog, here: <a href="http://www.christypessagno.com/blog/?p=385" rel="nofollow">http://www.christypessagno.com/blog/?p=385</a> pw: spotify If I could at least get this rollover fixed, I'll be happy. Thanks, Christy Devin on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95841 Fri, 08 Feb 2013 15:35:26 +0000 Devin 95841@http://www.kriesi.at/support/ Hey Christy, I think the actual spotify code has something to do with it. If you open your embed url alone and adjust the window to various sizes it seems to limit the height in some cases and let it expand full height+width in others. I made a test page with just the spotify iframe and it wont let you change the height if the height+width is to far in proportion. It may just be something you have to tweak and get to a tolerable size. For example, I used 780px height and 500px width which limited the height to 580px. If I bumped up the width to 550px it expanded the height to 549px (of the actual player inside the iframe) while the iframe itself was what I set originally (780px). I'll keep my test live for you here so you can see what I mean: <code>removed</code> Regards, Devin mudskippir on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95738 Thu, 07 Feb 2013 18:42:32 +0000 mudskippir 95738@http://www.kriesi.at/support/ Hi Ismael, I added this to the CSS style sheet and emptied my browser history and cache from the earliest possible point. The embed still looks funky and the embed doesn't reflect any size changes or directions. I hope this isn't a lost cause as this is a really integral part of our website and we want to be embedding this player once a month. Thanks for your help, Christy Ismael on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95586 Thu, 07 Feb 2013 06:14:54 +0000 Ismael 95586@http://www.kriesi.at/support/ Hi, I thought what Dude said will already fix the issue but try to add this on your custom.css. <pre><code>#mainContainer { min-height: 400px !important; } .postid-1529 iframe { min-height: 550px !important; } .jspContainer { min-height: 600px !important; }</code></pre> I hope this will adjust the height. Actually, try to do what Dude posted earlier then remove browser history.cache then reload the page. Regards, Ismael mudskippir on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95541 Wed, 06 Feb 2013 22:32:44 +0000 mudskippir 95541@http://www.kriesi.at/support/ Hi Dude, I replaced the code like you suggested and it doesn't work. :( Take a look: <a href="http://www.theybklyn.com/2013/02/jan2013music/" rel="nofollow">http://www.theybklyn.com/2013/02/jan2013music/</a> pw: spotify It seems like it did format it to the default width, but the height is still being overridden by something. Here is the only coding in the text section of the post: <iframe style="font-size: 13px; line-height: 19px;" src="https://embed.spotify.com/?uri=spotify:user:mudskippir:playlist:6DyxOsAbolEybOXjUMyg8i" height="600" width="250" frameborder="0"></iframe> I went to change the height to 400 and all it did was remove the white space you see under it in it's current state. The weird white space that closes up when you rollover the player is also still there. Any other suggestions? Thanks, Christy Dude on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-94927 Mon, 04 Feb 2013 07:16:37 +0000 Dude 94927@http://www.kriesi.at/support/ Probably Kriesi's iframe fix "adjusts" the spotify iframe dimensions. You can try to remove the fix - open up js/avia.js and replace following code: <pre><code>avia_small_fixes(container);</code></pre> with: <pre><code>//avia_small_fixes(container);</code></pre> Nick on "Video embed is a wonky size" http://www.kriesi.at/support/topic/video-embed-is-a-wonky-size#post-94866 Sun, 03 Feb 2013 22:49:01 +0000 Nick 94866@http://www.kriesi.at/support/ Hi, Please clear out your cache, I am using Chrome and see this <a href="http://www.clipular.com/c?1956139=RnlKUbOwFQoT6Y8PMPdPeYN3ong" rel="nofollow">http://www.clipular.com/c?1956139=RnlKUbOwFQoT6Y8PMPdPeYN3ong</a> On Firefox it looks identical to the snapshot. Thanks, Nick mudskippir on "Video embed is a wonky size" http://www.kriesi.at/support/topic/video-embed-is-a-wonky-size#post-94854 Sun, 03 Feb 2013 20:11:11 +0000 mudskippir 94854@http://www.kriesi.at/support/ Hi Nick, Chrome and Firefox. Nick on "Video embed is a wonky size" http://www.kriesi.at/support/topic/video-embed-is-a-wonky-size#post-94849 Sun, 03 Feb 2013 19:29:19 +0000 Nick 94849@http://www.kriesi.at/support/ Hi, Your vimeo videos look to me to be 600x337 . What browser are you using? Thanks, Nick mudskippir on "Spotify embedded in post problem" http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-94700 Sat, 02 Feb 2013 19:15:31 +0000 mudskippir 94700@http://www.kriesi.at/support/ Hi, I am using the Eunoia theme. I am attempting to make a blog post that I am embedding a playlist from Spotify into. Here is the page: <a href="http://www.theybklyn.com/2013/02/jan2013music/" rel="nofollow">http://www.theybklyn.com/2013/02/jan2013music/</a> pw: spotify Here is the embed code I am using: <iframe src="https://embed.spotify.com/?uri=spotify:user:mudskippir:playlist:6DyxOsAbolEybOXjUMyg8i" height="380" width="250" frameborder="0"></iframe> There are TWO issues, the first being that I can't resize the player. It will always default to the full width of the blog, as you can see in the example link above. I tried using the shortcode/column solution as seen here: <a href="http://www.kriesi.at/support/topic/incarnation-theme-style-overwriting-my-page-code#post-93959" rel="nofollow">http://www.kriesi.at/support/topic/incarnation-theme-style-overwriting-my-page-code#post-93959</a> That worked to make my player fit inside half of the blog, but height of the player was way less in pixels and I was unable to adjust it even from the embed code. The second issue is the white space below the top part of the player that closes up when you roll over the player. I've posted the same embed code on another blog I have and the player embeds without the dreaded white space opening and closing. Help, please! Ismael on "Video embed is a wonky size" http://www.kriesi.at/support/topic/video-embed-is-a-wonky-size#post-94631 Sat, 02 Feb 2013 03:20:13 +0000 Ismael 94631@http://www.kriesi.at/support/ Hi, I'm not sure but I guess a js script from js > avia.js might be causing this. <pre><code>// ------------------------------------------------------------------------------------------- // small js fixes for pixel perfection :) // ------------------------------------------------------------------------------------------- function avia_small_fixes(container) { if(!jQuery.support.opacity) { jQuery('.image_overlay_effect', container).css({'background-image':'none'}); } setTimeout(function() { jQuery('.twitter-tweet-rendered', container).attr('style',""); }, 500); var win = jQuery(window), iframes = jQuery(' iframe:not(.slideshow iframe):not( iframe.no_resize)', container), adjust_iframes = function() { iframes.each(function(){ var iframe = jQuery(this), frame_parent_w = iframe.parent().width(), proportions = 16/9; if(this.width && this.height) { proportions = Math.round(this.width / this.height * 1000) / 1000; iframes.css({width:frame_parent_w, height: frame_parent_w / proportions}); } }); }; adjust_iframes(); win.smartresize(adjust_iframes); }</code></pre> Let me tag the rest of the support team. See if they have any idea. Regards, Ismael mudskippir on "Video embed is a wonky size" http://www.kriesi.at/support/topic/video-embed-is-a-wonky-size#post-94427 Thu, 31 Jan 2013 23:45:40 +0000 mudskippir 94427@http://www.kriesi.at/support/ Can someone please help me answer this question? re: Can you tell me how to make my embed video sizes not override new videos that are embedded? See above questions for more details. Thanks. mudskippir on "Video embed is a wonky size" http://www.kriesi.at/support/topic/video-embed-is-a-wonky-size#post-94386 Thu, 31 Jan 2013 18:06:17 +0000 mudskippir 94386@http://www.kriesi.at/support/ A solution: So on the blog page, the post at the bottom of the page has a Vimeo video embedded that had a 77px high setting due to it being a 360 degree video, weird format. When we changed those settings to 281px high (and thereby sacrifice the look of the video on our blog), it fixed the most recent embedded video. Even though my original question was solved, can you still tell me if you know why the Beneath 360 video settings were overriding our most recent Out of Order trailer settings? I'd prefer to pick individual sizes as we post lots of different videos. Thank you. Christy mudskippir on "Video embed is a wonky size" http://www.kriesi.at/support/topic/video-embed-is-a-wonky-size#post-94385 Thu, 31 Jan 2013 17:59:27 +0000 mudskippir 94385@http://www.kriesi.at/support/ Hi there, I have a 16:9 video embedded on my blog from Vimeo. Here's the embed code that I'm using in the post: <iframe src="http://player.vimeo.com/video/51092163?color=ff9933" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> And here is the page: <a href="http://www.theybklyn.com/blog/" rel="nofollow">http://www.theybklyn.com/blog/</a> Notice that on the page, despite my embed code saying that the height should be 281px high, my embedded video is showing up at 77px high. Any idea why this might be happening? Thanks! Christy Ismael on ""Link Manually" Not Working" http://www.kriesi.at/support/topic/link-manually-not-working#post-91086 Fri, 11 Jan 2013 06:30:52 +0000 Ismael 91086@http://www.kriesi.at/support/ Hey, Glad it is fixed. Regards, Ismael brentbarbano on ""Link Manually" Not Working" http://www.kriesi.at/support/topic/link-manually-not-working#post-91083 Fri, 11 Jan 2013 04:35:51 +0000 brentbarbano 91083@http://www.kriesi.at/support/ Ahhh gotcha. Just the letter 's' huh? Thanks so much Ismael. You've been amazing throughout all of my questions. I really appreciate the help! -Brent Ismael on ""Link Manually" Not Working" http://www.kriesi.at/support/topic/link-manually-not-working#post-90898 Thu, 10 Jan 2013 08:04:04 +0000 Ismael 90898@http://www.kriesi.at/support/ Hi Brent, You can check it on your site now. :) In your portfolio item I just changed the Apply link to the image? from Embed Video when image is clicked to Link Manually (just like how you've set it before). Placed your vimeo link and changed https to http (this is what caused the lightbox issue). I changed your video link from: <a href="https://vimeo.com/xxxx" rel="nofollow">https://vimeo.com/xxxx</a> to <a href="http://vimeo.com/xxxx" rel="nofollow">http://vimeo.com/xxxx</a> Regards, Ismael