2017-03-08 71 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"]