http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail Support Forum - Topic: Disable video playback in portfolio thumbnail en-US Mon, 20 May 2013 00:24:27 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-91693 Tue, 15 Jan 2013 14:17:29 +0000 Devin 91693@http://www.kriesi.at/support/ <p>Hey hughjaas,</p> <p>You'll need to make a new topic for your issue so that we can address it specifically.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-91623 Tue, 15 Jan 2013 03:06:42 +0000 hughjaas 91623@http://www.kriesi.at/support/ <p>It's working - just a little slow right now. I'm experimenting with different cache settings. Looks like I need to fix that too. </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-91613 Tue, 15 Jan 2013 01:59:41 +0000 vikashautar 91613@http://www.kriesi.at/support/ <p>Hi Hughjaas,</p> <p>The link where you are showing the videos does not work.. </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-91487 Mon, 14 Jan 2013 15:02:00 +0000 hughjaas 91487@http://www.kriesi.at/support/ <p>Ok, I've been struggling with the exact same issues here. I did finally manage to get Eunoia to work the way I wanted to with self-hosted and Youtube videos - take a look:<br /> <a href="http://www.epicaffair.com/san-diego/recent/" rel="nofollow">http://www.epicaffair.com/san-diego/recent/</a></p> <p>The last issue I would like help with is getting a thumbnail to show under "Related Entries" at the bottom of each post. I got it to work on my portfolio page ( <a href="http://www.epicaffair.com/san-diego/videographers/" rel="nofollow">http://www.epicaffair.com/san-diego/videographers/</a> ) by having adding a featured image to the portfolio item but having it link to the blog post, but I don't want to have to do that for each blog post. Is there a way to add a Featured Image without it showing up in the post, or just adding an image to be the thumbnail?</p> <p>Thanks,<br /> Darryl </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-91230 Sat, 12 Jan 2013 04:13:03 +0000 vikashautar 91230@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Thanks!</p> <p>However, Nick did manage to get it working perfectly without black borders on his installation so it does seem to be possible.</p> <p>Also is there a way to make the 'fixes' work on all portfolios? I don't understand why it only affects the portfolio on the home page and not the ones on other pages.</p> <p>Another way to fix the issue would be to not allow the theme to play back videos in the portfolio grid. This way I can just simply change the thumbnail of the video and get it linked through to the actual post instead of it loading the video in the grid. This would mean I can set the slideshow behaviour to default.</p> <p>Anyways would love to get you guy's thoughts on it. I do believe it's an important part of the theme to display video properly. It would simple make the theme perfect!</p> <p>Thanks again for all your help!</p> <p>Vikash </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-91163 Fri, 11 Jan 2013 17:10:12 +0000 Devin 91163@http://www.kriesi.at/support/ <p>I'm not actually sure its "fixable" with the way video embedding works. I'll tag Peter on the post as he should be able to give a quicker answer one way or another.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-91063 Thu, 10 Jan 2013 22:42:21 +0000 vikashautar 91063@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>The issue I am still running into is that the video player does not resize properly. If I resize the page it introduces black borders again. Another issue is that the semi fix we implemented only seems to affect the portfolio on the front page it does not affect any of the other portfolio pages such as <a href="http://radicalorange.tv/vikash-autar/" rel="nofollow">http://radicalorange.tv/vikash-autar/</a> and <a href="http://radicalorange.tv/david-den-engelsman/" rel="nofollow">http://radicalorange.tv/david-den-engelsman/</a></p> <p>I have done exactly that. I have even deleted the custom.css and reinstalled the theme, the issue still exists. It works slightly better in the demo theme (but still not perfectly - it still places black borders on top and bottom of the video). I suspect the slideshow settings are different in the demo, it's probably set to default while I need to set it to display images except the first one. I need to use this slideshow setting because I do not want the video to be able to playback in the portfolio grid. So the theme displays the first images in the grid and then actually switches to the video when the portfolio item is loaded.</p> <p>Would be great if you guys can have another look at it. Since we are a video production company it's very important to display the video perfectly.</p> <p>Thanks,</p> <p>Vikash </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90962 Thu, 10 Jan 2013 14:03:11 +0000 Devin 90962@http://www.kriesi.at/support/ <p>Hi Vikash,</p> <p>So what issue are you still running into? If you want to get things working as in the Demo I would just recommend saving a backup of all your current changes (download the modified theme and css files) then re-downloading the theme from themeforest and re-installing a fresh copy.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90712 Tue, 08 Jan 2013 23:59:16 +0000 vikashautar 90712@http://www.kriesi.at/support/ <p>Okay just checked the kriesi.at theme demo and it also has extra black on top and bottom of the video. I've been playing around with the settings, trying to change almost possibly everything. The only thing I managed to achieve was to make the video behave like it does on the demo (by the slideshow behaviour to default).</p> <p>I feel we're really close to getting this fixed, which is exciting! </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90701 Tue, 08 Jan 2013 22:44:38 +0000 vikashautar 90701@http://www.kriesi.at/support/ <p>Hi Nick!</p> <p>Thanks for that. I tried the code, however it does not seem to do anything. It only seems to 'break' the slideshow on the frontpage and does some weird stuff with the portfolio titles in the grid.</p> <p>Isn't it weird that this seem to work fine on your install and the theme demo? I also find it strange that the changes we made only seem to affect the portfolio on the frontpage and not the portfolios on I other pages <a href="http://radicalorange.tv/vikash-autar/" rel="nofollow">http://radicalorange.tv/vikash-autar/</a> and <a href="http://radicalorange.tv/david-den-engelsman/" rel="nofollow">http://radicalorange.tv/david-den-engelsman/</a>.</p> <p>I highly appreciate all your help. Will email you the details.</p> <p>Vikash </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90540 Tue, 08 Jan 2013 13:38:56 +0000 Nick 90540@http://www.kriesi.at/support/ <p>Hi,</p> <p>I like to make quick videos since with screen-cast-o-matic its simple, and is more believable than just words from a stranger. Look. I initially wrote a ton of css to get you fixed. the problem is that 1/2 way through it I realized that the play button disappears. You can try this<br /> <pre><code>@media only screen and (max-width: 479px) { #top .slideshow li:first-child { top: -131px; height: 241px; } .portfolio_container_content .title_container h1 { font-size: 1.5em; font-weight: bold; }} /*----------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { #top .slideshow li:first-child { top: -86px; height: 286px; } #top .two_third .slideshow { height: 250px !important; } .portfolio_container_content .title_container h1 { font-size: 1.9em; font-weight: bold; }} /*----------*/ @media only screen and (max-width: 767px) { #top .slideshow li:first-child { display: block; position: relative; top: -66px; height: 306px; } .portfolio_container_content .title_container h1 { font-size: 1.9em; font-weight: bold; }} /*----------*/ @media only screen and (min-width: 768px) and (max-width: 989px) { #top .slideshow li:first-child { display: block; position: relative; top: -66px; height: 307px; } .portfolio_container_content .title_container h1 { font-size: 2em; font-weight: bold; }} /*----------*/ @media only screen and (min-width: 1160px){ #top .slideshow li:first-child { display: block; position: relative; top: -26px; height: 347px; } .portfolio_container_content .title_container h1 { font-size: 2em; font-weight: bold; }}</code></pre> <p>I am a bit behind schedule. You can mail me your login info, but I can't guarantee you I can look at it for at least 24 hours usjahm at gmail dot com</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90535 Tue, 08 Jan 2013 13:11:56 +0000 vikashautar 90535@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Thanks so much for your help. Can't believe you even did a screen recording!</p> <p>I tried your suggestions, but it didn't seem to work. However, when I turned the slideshow feature off in the portfolio item it magically got rid of that extra white space underneath the content. Which is great!</p> <p>However, the player still does not resize as it does in your video. I am really getting confused, cause I was 100% sure the Kriesi.at theme demo had the same issue (black box around video) but now it seems to work fine on the demo as well..</p> <p>I also noticed that what we tried only had effect on the portfolio items on the homepage the items on other pages <a href="http://radicalorange.tv/vikash-autar/" rel="nofollow">http://radicalorange.tv/vikash-autar/</a> and <a href="http://radicalorange.tv/david-den-engelsman/" rel="nofollow">http://radicalorange.tv/david-den-engelsman/</a> still have the same issue..</p> <p>I also noticed that the video items on the home page still have a slight black border when opened in Safari and I can't seem to get rid off it..</p> <p>I am really starting to get confused about this now, since the demo theme seems to work fine.. I am more than happy to give you my login details if that would make it all easier!</p> <p>Just to make sure I wasn't going crazy I just did a fresh install of the theme (even the custom.css). The issue still exists. </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90528 Tue, 08 Jan 2013 12:20:48 +0000 Nick 90528@http://www.kriesi.at/support/ <p>Hi,</p> <p>I got good results when I embedded your video like this<br /> <pre><code>&lt;iframe src=&quot;http://player.vimeo.com/video/56317437?wmode=opaque&amp;autoplay=1&quot; height=&quot;281&quot; frameborder=&quot;0&quot; webkitallowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; allowfullscreen=&quot;&quot; wmode=&quot;opaque&quot; style=&quot;display: block;&quot;&gt;&lt;/iframe&gt;</code></pre> <p>I also set the slider to fade. Instantly it worked in all screen sizes. <a href="https://docs.google.com/open?id=0B8hqGBMSfHtKcGRjUzJNcFAxWlU" rel="nofollow">https://docs.google.com/open?id=0B8hqGBMSfHtKcGRjUzJNcFAxWlU</a></p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90452 Mon, 07 Jan 2013 23:20:39 +0000 vikashautar 90452@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>I've embedded the video by just using the URL.</p> <p>The aspect ratio of the video is 16:9</p> <p>The videos are generally uploaded in 1920*1080 or 1024 * 576</p> <p>I've enabled embedding anywhere, so could you please try again?</p> <p>This is the embed code vimeo gives me on their embed page</p> <p><code>&lt;iframe src="http://player.vimeo.com/video/56317437" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;</code></p> <p>Thanks again!</p> <p>Vikash </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90313 Mon, 07 Jan 2013 07:02:38 +0000 Nick 90313@http://www.kriesi.at/support/ <p>Hi,</p> <p>How are you embedding this video? Just by using the URL or you actually add the iframe code? What is the aspect ratio of the actual video, better yet what size width/height are you uploading in to vimeo?<br /> You have it protected on vimeo so I can't embed it locally to see what the problem is. Because it should be scaling down proportionally, but instead the player starts floating apart as though the player is in one aspect ratio and the video is in a completely different one. </p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90238 Sun, 06 Jan 2013 05:28:15 +0000 vikashautar 90238@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Thanks! That seems to fix it for the non ajax version. Do you also have a way to fix it in the ajax version?</p> <p>I was also wondering if there is a way to do this so it's 'dynamic', since this limits the post height to the pixel amount in the css if I'm correct?</p> <p>Thanks again for all your help, hope you are having a good weekend!</p> <p>Vikash </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90229 Sun, 06 Jan 2013 00:53:20 +0000 Nick 90229@http://www.kriesi.at/support/ <p>Hi,</p> <p>Put this at the bottom please<br /> <pre><code>.single-portfolio-entry .post-entry { height: 400px; padding-bottom: 0px; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90154 Sat, 05 Jan 2013 07:03:43 +0000 vikashautar 90154@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Thanks for that! I wasn't near my computer so couldn't do the change. I tried your suggestion but when I replace all the code in my custom.css with the code you have given me the issue returns. However, when I add the two css bits you gave me earlier to the top it fixes the problem. However, I've still got the issue with the white space below the content. This is what my custom css looks like at the moment (the pixel values are trial and error but they seem to have gotten rid of the black):</p> <p><code>#top.single-portfolio iframe {<br /> height: 398px !important;<br /> width: 700px !important;<br /> }<br /> #top.home iframe {<br /> height: 373px !important;<br /> width: 700px !important;<br /> }<br /> .portfolio_container_content .title_container h1 {<br /> font-size: 45px;<br /> }<br /> .portfolio-title h1.main-title{<br /> word-wrap: break-word;<br /> }<br /> #top .small_header_info a img {<br /> float: right;<br /> padding-top: 8px;<br /> padding-left: 5px;<br /> }<br /> #top.home .slideshow_media_wrap, #top.single-portfolio .slideshow_media_wrap {<br /> background-color: white !important;<br /> }<br /> #top .slideshow li single-portfolio iframe{<br /> height: 341px !important;<br /> width: 600px !important;<br /> position: relative;<br /> display: inline-block !important;<br /> background-color: white !important;<br /> overflow: hidden;<br /> }</code></p> <p>Thanks again! </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90039 Fri, 04 Jan 2013 10:12:59 +0000 Nick 90039@http://www.kriesi.at/support/ <p>Hi,</p> <p>You still didn't fix the bottom two css blocks in your custom.css file. Once you fix them as shown above, things will get better.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2#post-90029 Fri, 04 Jan 2013 08:48:59 +0000 Nick 90029@http://www.kriesi.at/support/ <p>Hi,</p> <p>Your custom.css file has errors. Please delete the whole thing and add this below<br /> <pre><code>.portfolio_container_content .title_container h1 { font-size: 45px; } .portfolio-title h1.main-title{ word-wrap: break-word; } #top .small_header_info a img { float: right; padding-top: 8px; padding-left: 5px; } #top.home .slideshow_media_wrap, #top.single-portfolio .slideshow_media_wrap { background-color: white !important; } #top .slideshow li single-portfolio iframe{ height: 341px !important; width: 600px !important; position: relative; display: inline-block !important; background-color: white !important; overflow: hidden; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-90014 Fri, 04 Jan 2013 06:38:13 +0000 vikashautar 90014@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Yes I noticed! Thanks so much! This is great!!</p> <p>However, it still is doing the same thing in the non ajax version. </p> <p><a href="http://radicalorange.tv/blog/portfolio-item/freelancer-com-logo-expose/" rel="nofollow">http://radicalorange.tv/blog/portfolio-item/freelancer-com-logo-expose/</a></p> <p>I also noticed that the Ajax version now has quite a bit of white space below the content, is there a way to tighten this up?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-90013 Fri, 04 Jan 2013 06:18:42 +0000 Nick 90013@http://www.kriesi.at/support/ <p>Hi,</p> <p>Good. Please look at code above, I edited and added some things, and please add it as the last item on the bottom of your custom.css file.</p> <p><a href="http://i.imgur.com/gdst4.jpg" rel="nofollow">http://i.imgur.com/gdst4.jpg</a> </p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-90012 Fri, 04 Jan 2013 05:51:33 +0000 vikashautar 90012@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>I tried it but it didn't work. </p> <p>I'm not sure if this makes any sense, but I went digging by using inspect element in google chrome and noticed that if I changed the height to 390 on the following line that it fixed the issue.</p> <p>&lt;li data-animation="random" class="featured featured_container1 caption_right caption_right_framed caption_framed videoslide" style="visibility: visible; opacity: 1; z-index: 3; -webkit-transition: none;height: 390px;"&gt; </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-90011 Fri, 04 Jan 2013 05:43:42 +0000 Nick 90011@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try this please<br /> <pre><code>#top.home .slideshow_media_wrap { background-color: white !important; } #top .slideshow li iframe { height: 341px !important; width: 600px !important; position: relative; display: inline-block !important; background-color: white !important; overflow: hidden; }</code></pre> <p>******Please make sure to put this code *last* in custom.css file, as the very last item in that file.*****</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-90010 Fri, 04 Jan 2013 05:25:56 +0000 vikashautar 90010@http://www.kriesi.at/support/ <p>Just to explain it clearer. When you go to <a href="http://www.radicalorange.tv" rel="nofollow">http://www.radicalorange.tv</a> and click on a portfolio item with video (TEDx for example). You can see that the vimeo video is floating in a black box. I want to get rid of the black box, I just want the video to appear without all the black underneath it. It shows images just fine, video seems to be a problem however.</p> <p>It's very important for us to get this working, since we are a video production company and it looks really silly. Could you let me know if this is possible? It seems so strange cause if I would add a video to a normal post this does not happen, the theme just seems to stretch the video container to fill up the height, which isn't necessary at all! </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-89977 Fri, 04 Jan 2013 02:56:29 +0000 Devin 89977@http://www.kriesi.at/support/ <p>Are you trying to have the box fit the video alone? If that is the case i'm not actually sure if that is possible. I don't think the container can be aware of what is inside the iframe aside from what the preview image is (for the height). </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-89954 Fri, 04 Jan 2013 02:01:51 +0000 vikashautar 89954@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Thanks for fix the flags. It looks great.</p> <p>I tried your suggestion for the vimeo box issue, however this does not seem to fix it. It only moves the video within the black box..</p> <p>Do you have any other ideas? </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-89823 Thu, 03 Jan 2013 16:05:09 +0000 Devin 89823@http://www.kriesi.at/support/ <p>Hey vikashautar,</p> <p>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:<br /> <pre><code>#top .small_header_info a img { float: right; padding-top: 8px; padding-left: 5px; }</code></pre> <p>If you adjust the iframe css from Nick and remove the width declaration entirely, it should auto adjust the width to fill the space and then not mess with the player dimensions. I'll keep Nick tagged on the topic however since he has done most of the changes and is more familiar with where you are and what is being fixed.</p> <p>Regards,</p> <p>Devin<br /> That should clean the flags up. </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-89732 Thu, 03 Jan 2013 05:24:55 +0000 vikashautar 89732@http://www.kriesi.at/support/ <p>Als just wondering if you could show me how to remove the posted in (categories) which appears alongside the facebook and twitter attributes. </p> http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail#post-89726 Thu, 03 Jan 2013 04:03:30 +0000 vikashautar 89726@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>All updated now. Unfortunately the code you gave to fix the vimeo box is only still moving the video inside the box.</p> <p>1. Orange button link - <a href="http://www.kriesi.at/themedemo/?theme=eunoia" rel="nofollow">http://www.kriesi.at/themedemo/?theme=eunoia</a> (so the orange circle + icon above Kriesi's name for example).</p> <p>I am also adding flags to link to translated versions of the site on the right top corner using the theme options for adding a phone number etc (it has support hotline in the demo). However I was wondering if I can make the flags centered on the line instead of being higher than the text and if I can create some space between them and the text. (www.radicalorange.tv right top corner)</p> <p>Thanks so much for all your help. Almost got the theme exactly how we need it! </p>