ThaiSEOBoard.com

ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

ขนาด HQ

ขนาดใหญ่ที่สุด

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones ([url]http://www.youtube.com/watch?v=RDiOKxwONJk#ws[/url])
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

ถ้าเขียนแบบ HTML ก็จะได้แบบนี้ครับ

ถ้าต้องการให้แสดงใน Wordpress แนะนำใช้ Custom Field ครับ

ถ้าอยากได้ขนาดอื่นก็แนะนำให้ดึงรูปขนาดใหญ่กว่าขนาดที่ต้องการมาแล้วก็ใช้ timthumb.php ย่อและตัดรูปอีกทีครับ
ลิงค์ข้างบนสามารถใช้ได้ทั้งโปรโตคอล http กับ https นะครับ สามารถเปลี่ยนได้เลยครับ

ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

ขนาด HQ

ขนาดใหญ่ที่สุด

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones ([url]http://www.youtube.com/watch?v=RDiOKxwONJk#ws[/url])
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

ถ้าเขียนแบบ HTML ก็จะได้แบบนี้ครับ

ถ้าต้องการให้แสดงใน Wordpress แนะนำใช้ Custom Field ครับ

ถ้าอยากได้ขนาดอื่นก็แนะนำให้ดึงรูปขนาดใหญ่กว่าขนาดที่ต้องการมาแล้วก็ใช้ timthumb.php ย่อและตัดรูปอีกทีครับ
ลิงค์ข้างบนสามารถใช้ได้ทั้งโปรโตคอล http กับ https นะครับ สามารถเปลี่ยนได้เลยครับ

ขอบคุณครับ แล้ว wordpress 3.5

Custom Field   มันอยู่ตรงไหนเหรอครับ

<?php if ( get_post_meta(get_the_ID(), &#39;vID&#39;, true) ) : ?>
    <a href="<?php the_permalink() ?>" rel="bookmark">
        <img src="http://img.youtube.com/vi/<?php get_post_meta(get_the_ID(), &#39;vID&#39;, true); ?>/default.jpg" />
    </a>
<?php endif; ?>

เวลาสร้างโพสต์มันจะมีให้ใส่ครับ ตรงข้างล่างกล่องเนื้อหา
ตัวอย่างเช่น ผมกรอกช่อง Name เป็น vID แล้วกรอกช่อง Value เป็น 2ggzxInyzVE

ตัวอย่างการเขียนในธีม

เวลาสร้างโพสต์มันจะมีให้ใส่ครับ ตรงข้างล่างกล่องเนื้อหา
ตัวอย่างเช่น ผมกรอกช่อง Name เป็น vID แล้วกรอกช่อง Value เป็น 2ggzxInyzVE

ตัวอย่างการเขียนในธีม

รอดูครับ อยากรู้ด้วยคน  wanwan017

โค้ดผมเป็นแบบนี้ ต้องแทรกที่ตรงไหนครับ

<?php query_posts('cat=9&showposts=3'); ?>
<?php
$di = 1;
$ditem = 1;
$cols = 3; // columns.
while( have_posts() )
{     
    the_post();
    if( $di == 1 )
    {
        echo '<div class="cols_container">';
    }
    if( $di == $cols )
    {
        $col_right =  'end_col';
    }   
    ?>

     <div class="item <?php echo $col_right; ?>">
    <div class="cols_thumbnail"><BR>
   <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF" align="center">
<tr><td width="243px" height="100px" align="center"><img src="<?php echo catch_that_image() ?>" width="220px" height="150px">
<p><a href="<?php the_permalink() ?>"><font size="2"><b><?php the_title(); ?></font></a></p></td></tr></table>
</div>

<img src="<?php echo catch_that_image() ?>" width="220px" height="150px">

<?php if ( get_post_meta(get_the_ID(), &#39;vID&#39;, true) ) { ?>
<img src="http://img.youtube.com/vi/<?php get_post_meta(get_the_ID(), &#39;vID&#39;, true); ?>/default.jpg" width="220px" height="150px" />
<?php } else { ?>
<img src="<?php echo catch_that_image() ?>" width="220px" height="150px">
<?php } ?>

ขอบคุณมากครับ แต่ไหง theme ที่ผมใช้มันไม่มีเลยครับ  ดูข้างล่างก็ไม่มีช่องให้กรอก custom field เลยครับ

([url]http://a.lnwpic.com/_files/gf/s6/bb.jpg[/url])

คลิกที่ Screen Option จะอยู่ด้านบนครับ จะมี option ให้เลือกเยอะเลยครับ custom field ก็อยู่บนนั้นครับ

โค้ดที่ให้มามันไม่ครบอะครับ เลยงงๆ ว่ามัน Loop ยังไง เหมือนมัน Loop แบ่งเป็น 3 คอลั่มหรือเปล่าครับ?
แต่ถ้าให้เดาต้องดัดแปลงตรงนี้ครับ


เปลี่ยนเป็น

ผมใช้ทำกับ งานล่าสุด เอาแบ่งปันกันครับ

1. อันนี้วางที่ function.php
// custom meta box video id
add_action( 'add_meta_boxes', 'cs_mb_video_id' );

function cs_mb_video_id() {
   add_meta_box( 'video-id', 'Video ID:', 'cs_mb_video_function', 'post', 'normal', 'high');
}

// callback function
function cs_mb_video_function( $post ) {
   // retreive the meta-data values if they exist
   $cs_mb_video = get_post_meta( $post->ID, '_cs_mb_video', true );
   $cs_mb_vimeo_id = get_post_meta( $post->ID, '_cs_mb_vimeo_id', true );
?>
<p>Youtube ID: <input type="text" style="width:300px;" name="cs_mb_video" value="<?php echo esc_attr( $cs_mb_video ); ?>" /></p>
<p>Vimeo ID: <input type="text" style="width:300px;" name="cs_mb_vimeo_id" value="<?php echo esc_attr( $cs_mb_vimeo_id ); ?>" /></p>

<?php }
add_action( 'save_post', 'cs_mb_id_save');
function cs_mb_id_save( $post_id ) {
   // verify the metadata is set
   if ( isset( $_POST['cs_mb_video'] ) ) {
      // save the metadata
      update_post_meta( $post_id, '_cs_mb_video', strip_tags( $_POST['cs_mb_video'] ) );
   }
   if ( isset( $_POST['cs_mb_vimeo_id'] ) ) {
      // save the metadata
      update_post_meta( $post_id, '_cs_mb_vimeo_id', strip_tags( $_POST['cs_mb_vimeo_id'] ) );
   }
}


2. อันนี้ใส่ที่หน้าที่ต้องการจะโชว์ page, single, category, index แล้วแต่ครับ

(อันนี้เป็น VIDEO นะครับ)

<?php while(have_posts()) : the_post(); ?>

<?php
$youtube_id = get_post_meta(get_the_ID(), '_cs_mb_video', true);
$vimeo_id = get_post_meta(get_the_ID(), '_cs_mb_vimeo_id', true);
?>

<?php
if ($youtube_id != '') { ?>
         <div id="vdo_container">
            <iframe width="720" height="405" src="[url]http://www.youtube.com/embed/[/url]<?php echo $youtube_id; ?>" frameborder="0" allowfullscreen></iframe>
         </div>
      <?php } elseif ($vimeo_id != '') { ?>
         <div id="vdo_container">
            <iframe src="[url]http://player.vimeo.com/video/[/url]<?php echo $vimeo_id; ?>" width="720" height="405" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
         </div>

?>
<?php endwhile; ?>


ส่วนนี้หน้าปก หรือ thumbnail ของ video

<?php while(have_posts()) : the_post(); ?>
<?php
$youtube_id = get_post_meta(get_the_ID(), '_cs_mb_video', true);
$vimeo_id = get_post_meta(get_the_ID(), '_cs_mb_vimeo_id', true);
?>

<?php if ($youtube_id != '') { ?>
<img src="[url]http://img.youtube.com/vi/[/url]<?php echo $youtube_id; ?>/0.jpg" width="220" height="145" />
<?php } elseif ($vimeo_id != '') { ?>
<?php $vimeo_thumb =  json_decode(file_get_contents('[url]http://vimeo.com/api/v2/video/'[/url] . $vimeo_id . '.json'));?>
<img src="<?php echo $vimeo_thumb[0]->thumbnail_medium ?>" width="220" height="145" />
<?php } ?>

<?php endwhile; ?>

ลองดูนะครับ ช่วยกันๆ

ตามท่านเทพคนนี้บอกเลยครับ  :wanwan019:

ของผมตั้งหลายเว็บมันก็ไม่มีเหมือนกันครับ มันเป็นที่ theme ที่ใช้หรือเปล่าครับ
([url]http://a.lnwpic.com/_files/pd/f9/jv.jpg[/url])

คลิกเข้าไปที่ใน Posts นั้นก่อนครับ

เวลาสร้างโพสต์มันจะมีให้ใส่ครับ ตรงข้างล่างกล่องเนื้อหา
ตัวอย่างเช่น ผมกรอกช่อง Name เป็น vID แล้วกรอกช่อง Value เป็น 2ggzxInyzVE

ตัวอย่างการเขียนในธีม

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta(get_the_ID(), 'vID', true) ) : ?>
    <a href="<?php the_permalink() ?>" rel="bookmark">
        <img src="[url]http://img.youtube.com/vi/[/url] <?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" />
    </a>
<?php endif; ?>
<?php endwhile; ?>

จัดไปครับ
<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
   <img src="[url]http://img.youtube.com/vi/[/url]<?php echo $youtube_id; ?>/default.jpg" />
</a>
<?php endwhile; ?>

ขอบพระคุณมากครับผม.. :wanwan017: :wanwan017: :wanwan017: :wanwan017:

ตามท่านข้างบนว่าเลยครับ ได้แน่นอน แต่ขอแก้ไขหน่อยนะครับ

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
      <img src="[url]http://i4.ytimg.com/vi/[/url]<?php get_post_meta(get_the_ID(), 'vID', true); ?>/mqdefault.jpg" />
</a>
<?php endwhile; ?>

ตรงสีแดงลบออกไปเลยนะครับ ค่าในตัวแปรนี้ไม่ได้ถูกนำมาใช้อยู่แล้ว
เพราะใช้ <?php get_post_meta(get_the_ID(), 'vID', true); ?> อยู่แล้ว
ถ้าไม่ได้ลองเติม echo ดูนะครับ ผมเองก็ลืมแล้วว่าต้องใช้ echo ด้วยหรือเปล่า

ขอบคุณท่านทั้งหลายทุกๆคนด้วยนะครับที่ช่วยกันตอบคำถามของผม  

ตอนนี้ผมทำได้แล้วครับ  ตาม step ของผม หากทำได้แล้วก็จะขอแบ่งปันครับ สำหรับท่านที่ยังไม่ทราบ

ตามภาพครับ ไปตั้งที่ค่าที่โพสต์ก่อน  เพื่อให้มี custom Field ด้านล่างของโพสต์

([url]http://a.lnwpic.com/_files/gn/72/b4.jpg[/url])

แล้งตั้ง value ตาม หมายเลข id ของ youtube
เช่น
เป็นต่อขั้นเทพ - แผนรัก..แผนร้าย (24 ม.ค. 56) ([url]http://www.youtube.com/watch?v=rXgM7vp7cS4#[/url])


value คือ rXgM7vp7cS4

([url]http://a.lnwpic.com/_files/so/b8/q9.jpg[/url])

แล้วแทรกโค้ดนี้ในไฟล์ php ตามหมวดหมู่ที่ท่านต้องการอยากจะดึงมา