javascript - 像盒子一样的Facebook正在覆盖youtube iframe

Question

问题是我有一个YouTube iframe和一个Facebook iframe用于Facebook的like box。这两个地方都显示了like框。我该如何解决？

这是页面源中显示的HTML:

<div class="wpb_raw_code wpb_content_element wpb_raw_html">
    <div class="wpb_wrapper">
        <iframe width="420" height="315" src="//www.youtube.com/embed/YerNjFjBrOo" frameborder="0" allowfullscreen></iframe>
    </div> 
</div> 
    </div> 
</div> 

<div class="vc_span4 wpb_column column_container">
    <div class="wpb_wrapper">
        <div class="a13-separator wpb_content_element separator_align_center separator_align_center single_dots"><h3 style="font-weight:normal;"><span>Cost Effective and Low Maintenance</span></h3>
<div></div></div>
<div class="a13-separator full_width empty" style="margin-top:10px;"><div></div><br class="clear" /></div>

<div class="wpb_text_column wpb_content_element ">
    <div class="wpb_wrapper">
        <p>Concrete borders are a cost effective, low maintenance way to create permanent finishing touches to your lawn, reducing time consuming yard work and increasing property values.  The various curb styles that Curb-It, Inc. offers will reduce edging, trimming and time spent maintaining the landscaping. Concrete curbs are an attractive and durable investment in your property that will last for years to come.</p>

    </div> 
</div> 
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
    <div class="wpb_wrapper">
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FCurbit&amp;width=300&amp;height=558&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=true&amp;show_border=false&amp;appId=116642065097325" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:558px;" allowTransparency="true"></iframe>
    </div> 
</div> 
    </div> 
</div>

Answer 1

我从来没有找到原因，但是解决该问题的解决方案是恢复到youtube的旧嵌入代码，而不是使用iFrame。