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″ width=”600″ height=”600″ frameborder=”0″></iframe><script async src=”//platform.vine.co/static/scripts/embed.js” charset=”utf-8″></script>”
Thank you!
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” type=”video/mp4″>
</video>
Hope this helps!
This doesn’t work either…. Advise?
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 !
This doesn’t work either…. post just shows up blank. Advise?
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 !
Please login or Register to submit your answer