2017-03-08 69 views
0

我使用一个称为gridby的WordPress主题,它使用自己的插件将特色图像更改为vimeo或youtube的iframe,当fb_video字段包含帖子编辑器中的链接时并将视频图像显示在博客提要页面和帖子中的iframe中而不是特色图像。我只用它作为一个vimeo链接到目前为止工作正常,今天只是试图把youtube视频链接与/ embed在最后,没有,仍然显示错误。它不是我的代码,所以如果有人能够帮助我变得更好,我不需要进一步制动它,因为我需要这个功能。我把iframe放到编辑器的空白文章中,显示的不错,只是不能通过PHP代码显示。Youtube嵌入和PHP显示iframe但显示错误

/* ------------------------------------------------------------------------- * 
* 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)) . '" />'; 

       } 

      } 

     } 

    } 



?> 

回答

0

必须使用/ watch?v =版本的URL才能让它出现。问题虽然与此有关,但要求用户将自己的id输入自定义字段并不容易?通过这种方式,您可以将iframe放入页面模板中,并使用get meta函数将其插入到/?后面。

多数民众赞成我如何输入视频本身,但我将如何去获取视频的图像,这样的博客页面帖子的方式?没有看到一个插件需要真的我想在我自己的主题使用此功能,以便寻找更清洁的替代

0

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

这个插件可以帮助你解决的iframe问题。这将通过动态增加页面加载。一旦你的按钮被点击,只有你的视频将被嵌入。

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

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