Question

我正在使用一个名为gridby for themepress的主题，当fb_video字段在帖子编辑器中包含一个链接并在博客供稿页面中显示视频图像时，它使用自己的插件将特色图像更改为vimeo或youtube的iframe和帖子中的iframe而不是特色图片。到目前为止我只使用它作为vimeo链接工作正常，今天只是尝试在最后添加/嵌入youtube视频链接，但仍然显示错误。这不是我的代码，所以如果有人可以帮助我做得好，因为我需要这个功能，所以不要再制动它。我将iframe放入编辑器中的空白帖子中，显示正常，而不是通过PHP代码显示。

/* ------------------------------------------------------------------------- *
 *  Video Functions
/* ------------------------------------------------------------------------- */ 

/*  display url image big youtube and vimeo
/* ------------------------------------ */

if ( !function_exists('video_image') ) {

    function video_image($url, $size){ 

        $image_url = parse_url($url);

        if($size == 'small') {

            if($image_url['host'] == 'www.youtube.com' || $image_url['host'] == 'youtube.com'){
                $array = explode("&", $image_url['query']);
                return "http://img.youtube.com/vi/".substr($array[0], 2)."/1.jpg";

            } else if($image_url['host'] == 'www.vimeo.com' || $image_url['host'] == 'vimeo.com'){
                $hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/".substr($image_url['path'], 1).".php"));
                return $hash[0]["thumbnail_small"];
            }

        } else if($size == 'hd') {

            if($image_url['host'] == 'www.youtube.com' || $image_url['host'] == 'youtube.com'){
                $array = explode("&", $image_url['query']);
                return "http://img.youtube.com/vi/".substr($array[0], 2)."/hqdefault.jpg";

            } else if($image_url['host'] == 'www.vimeo.com' || $image_url['host'] == 'vimeo.com'){
                $hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/".substr($image_url['path'], 1).".php"));
                return $hash[0]["thumbnail_large"];
            }
        }

    }

}

/*  display iframe of youtube and vimeo
/* ------------------------------------ */

if ( !function_exists('video_player') ) {

    function video_player($url, $autoplay){ 

        $image_url = parse_url($url);

        if($autoplay == '1') {

            if($image_url['host'] == 'www.youtube.com' || $image_url['host'] == 'youtube.com'){
                $array = explode("&", $image_url['query']);
                return "<iframe title='YouTube video player' width='400' height='275' src='http://www.youtube.com/embed/".substr($array[0], 2)."?wmode=trasparent&autoplay=1' frameborder='0' wmode='opaque' allowfullscreen></iframe>";

            } else if($image_url['host'] == 'www.vimeo.com' || $image_url['host'] == 'vimeo.com'){

                return "<iframe src='http://player.vimeo.com/video/".substr($image_url['path'], 1)."?autoplay=true' width='400' height='275' frameborder='0' allowfullscreen'></iframe>";
            }

        } else {

            if($image_url['host'] == 'www.youtube.com' || $image_url['host'] == 'youtube.com'){
                $array = explode("&", $image_url['query']);
                return "<iframe title='YouTube video player' width='400' height='275' src='http://www.youtube.com/embed/".substr($array[0], 2)."?wmode=trasparent' frameborder='0' wmode='opaque' allowfullscreen></iframe>";

            } else if($image_url['host'] == 'www.vimeo.com' || $image_url['host'] == 'vimeo.com'){

                return "<iframe src='http://player.vimeo.com/video/".substr($image_url['path'], 1)."' width='400' height='275' frameborder='0' allowfullscreen'></iframe>";
            }

        }

    }

}


/* ------------------------------------------------------------------------- *
 *  Filter Thumbnail
/* ------------------------------------------------------------------------- */ 

add_filter( 'post_thumbnail_html', 'post_thumbnail_html', 10, 3 );

    function post_thumbnail_html( $html, $post_id, $post_image_id) { 

        $video = get_post_meta( $post_id, 'fb_video', true );

        if ($html) { /* If have thumbnail image set */

            if ($video != '') {

                if (is_single()){ /* Show playe on single page */

                    if( function_exists('video_player')) { 

                    ?>

                        <div class='video-container'><?php echo video_player($video, 0); ?></div>

                    <?php 

                    }

                } else { 

                    echo '<i class="fa fa-play-circle fa-4x"></i>'. $html;

                }

            } else {

                echo $html;

            }

        } else { /* If haven't thumbnail image set */

            if ($video != '') {

                if (is_single()){ /* Show playe on single page */

                    if( function_exists('video_player')) { 

                    ?>

                        <div class='video-container'><?php echo video_player($video, 0); ?></div>

                    <?php 

                    }

                } else { 

                    echo '<i class="fa fa-play-circle fa-4x"></i><img class="img-res" src="'. video_image($video, 'hd').'" alt="' . esc_attr( get_post_field( 'post_title', $post_id ) ) . '" />';

                }

            } 

        }

    }



?>

Answer 1

必须使用/ watch？v =版本的url才能显示它。问题我虽然与此相关，但是要求用户将youtube的id输入到自定义字段中会不会更容易？那样你就可以把iframe放到页面模板中并使用get meta函数在/？之后插入它？

这就是我如何输入视频本身，但我如何获取博客页面帖子的视频图像？没有看到插件的需要我真的想在我自己的主题中使用这个功能，所以寻找更清洁的替代方案

Answer 2

https://wordpress.org/plugins/optimise-youtube-video-embed/

此插件可以帮助您解决iframe问题。这将动态增加页面加载。点击按钮后，只会嵌入您的视频。

在您的页面中包含短代码或发布。您可以将自定义图像添加为视频横幅。

[eh_optimize_youtube_embed video="youtube_link" banner="banner_image_link_optional"]

Youtube嵌入和PHP显示iframe但显示错误

2 个答案: