0

iframe を表示しようとすると問題が発生します。これが問題です：最初にビデオをhtml5にロードし、次にビデオが機能を終了するとビデオを非表示にし、iframe div（これはオカルトです）をjqueryで表示しますが、何らかの理由でビデオが非表示のときにiframeは表示されません要素を調べると、タグはありますが、 src empty が表示されます。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" charset="utf-8"> 
jQuery(document).ready(function() {  
    jQuery("#video").bind("ended", function() {    
        jQuery("#video-promo").hide();      
        jQuery("#video-streaming").show();  
        });    
});
</script>

そして、ここにHtmlがあります：

<div id="video-promo">
    <video width="680" height="371" id="video" autoplay="autoplay">
        <source src="/video/first_test.m4v" type="video/mp4" />
    </video>
</div>

<div id="video-streaming" style="display:none;">
    <iframe width="560" height="315" src="http://www.youtube.com/embed/FmxSk0wZxss" frameborder="0" allowfullscreen></iframe>
</div>

アイデア？前もって感謝します。

4

1 に答える 1

0

functions.php に小さなスニペットを追加すると、iframe を簡単に表示したり、投稿/ページ内またはテーマで直接サイズを設定したりできます。

functions.php (またはインクルード ファイル) で: 

function myiframe( $atts ) {
    extract( shortcode_atts( array(
        'href' => 'http://the-url',
        'height' => '550px',
        'width' => '600px',     
    ), $atts ) );

    return '<iframe src="'.$href.'" width="'.$width.'" height="'.$height.'"> <p>Your Browser does not support Iframes.</p></iframe>';
}
add_shortcode('iframe', 'myiframe');

.
投稿/ページで直接 - 使用方法:

[iframe href="http://www.exmaple.com" height="480" width="640"]

.
テーマに直接 - 使用方法:

<?php do_shortcode('[iframe href="http://www.exmaple.com" height="480" width="640"]'); ?>

使用される属性:

  1. href = iframe のソース
  2. height = iframe の高さ (関数でデフォルトを設定できます)
  3. width = iframe の幅 (関数でデフォルトを設定できます)

.
お役に立てれば。
サギブ。

于 2012-09-10T23:47:23.493 に答える