sammy_riggs
asked 10 years ago

How do you embed vine videos on homepage and within blog post? I’ve tried to put the code that vine gives you within the blog post, and made sure the post is a “VIDEO” and it doesn’t work. For example, I’m trying to embed this vine video: https://vine.co/v/M7hEV9IMI09/embed
 
Code:
“<iframe src=”https://vine.co/v/M7hEV9IMI09/embed/simple?audio=1&#8243; width=”600″ height=”600″ frameborder=”0″></iframe><script async src=”//platform.vine.co/static/scripts/embed.js” charset=”utf-8″></script>” 
 
Thank you! 

3 Answers
Solo P
answered 10 years ago

Try this:  
<video id=”video” autoplay=”autoplay” loop=”” preload=”auto” width=”679″ height=”679″>

<source src=”https://mtc.cdn.vine.co/r/videos/EAD9F02F851045869274809446400_1d985e60e6c.4.7.10427178051718318546.mp4?versionId=2.fQQws9P_GhLHRj6JdTGl7hEQ7hBr7K&#8221; type=”video/mp4″>
</video>
 
Hope this helps!

sammy_riggs
replied 10 years ago

This doesn’t work either…. Advise?

DominicStaff
answered 10 years ago

Hi Sammy!
Please try our solution here:
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 !

Hannah Cochran
replied 10 years ago

This doesn’t work either…. post just shows up blank. Advise?

DominicStaff
answered 10 years ago

Hello Hannah !
To display a video on the homepage of Wallpress theme. Please do as the following: 
Step1: You can copy the Embed code on the Youtube
See the screenshot:
or use your code:

<iframe class="vine-embed" src="https://vine.co/v/M7hEV9IMI09/embed/simple" width="600" height="600" frameborder="0"></iframe><script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>

Step2:  log in to Dashboard > Posts > Add new, paste the Embed code into the “Text” frame.
See the screenshot:   Step3:   In the Format pane on the right hand side, select the Video. See the screenshot:
If you still face the issue, You can send me username & password of your site (via private answer) for further checking.
Hope this helps !

Powered by DW Question & Answer Pro