daniel
asked 10 years ago

Dear DW Support,
i cant get these viedeo thumbs in the posts on the main Homepage site. I read a lot of FAQs and tried some custom codes from there but i think i have to edit more these php files?! You can see on Camelot-Berlin.de the Vivaldi 2.0 post or the “POW” Post for this. These are posts with videos but the video thumbs dont show up on the mainpage..
i embedded the videos in Text mode:
<iframe src=”//player.vimeo.com/video/92153235?byline=0&amp;portrait=0″ width=”500″ height=”281″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

<a href=”http://vimeo.com/92153235″>POW! http://www.camelot-berlin.de</a&gt; from <a href=”http://vimeo.com/user26972867″>Camelot Broadcast Services GmbH</a> on <a href=”https://vimeo.com”>Vimeo</a&gt;.

and changed the Format to Video.
then i tried this Plugin from our mate 😉 (http://designwall.com/question/replace-featured-image-with-video/)
dint work very well, it made a huge thumb wich was just cut of the hole thumb.

i will install this plugin again, so maybe you could see it. sending you the logins as pvt.pm

1 Answers
DominicStaff
answered 10 years ago

Hi daniel, I have helped you address this issue, take a look at the following solution:
1. Log in to Dashboard  > Appearance > Customize > Custom Code, add the following code to the “Header Code” section.

 <style>
.masonry .format-video .item-content iframe, .masonry .format-video .item-content embed {
    display: block;
}
</style>

 – Add the following code to the “Footer code” section:

  <script>
jQuery(function($){
 function responsiveIframe() {
   $('iframe').each(function(){
       if ( ! $(this).hasClass('twitter-tweet') ) {
           var iw = $(this).attr('width');
           var ih = $(this).attr('height');
           var ip = $(this).parent().width();
           var ipw = ip/iw;
           var ipwh = ih*ipw;
           $(this).css({
               'width': ip,
               'height' : ipwh,
           });
       }
   });
 }

 $(document).ready(function(){
  responsiveIframe();
 });

 $(window).resize(function(){
  setTimeout(function(){
   responsiveIframe();
  },500);
 });
 $('.masonry').masonry('reload',function(){
  setTimeout(function(){
   responsiveIframe();
  },500);
 });
});
</script>

2. Open the functions.php file. Find the line 660 & line 661. Replace the following code:

 add_filter('the_excerpt', 'wallpress_strip_tags');
add_filter('the_content', 'wallpress_strip_tags');

With new code:

 //add_filter('the_excerpt', 'wallpress_strip_tags');
//add_filter('the_content', 'wallpress_strip_tags');

Hope this helps !

daniel
replied 10 years ago

it helped!!!
thanks again

Powered by DW Question & Answer Pro