ใครพอจะทราบบ้างครับ   

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

อยากรู้อ่าา  ><

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

ขนาดภาพปกติ
http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ
http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

ขนาดใหญ่ที่สุด
http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ
http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

ถ้าเขียนแบบ HTML ก็จะได้แบบนี้ครับ
<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

ขอบคุณมากครับ

หาเจอของฝรั่ง  ไม่รู้อันนี้มันใช้ได้หรือเปล่า  ลองแล้วได้ยังไงจะมาแบ่งปันความรู้นะครับ

http://www.erikvossman.com/2011/09/28/add-youtube-vimeo-videos-and-thumbnails-to-wordpress/

ตาม เทพ KenjiroAPI  เลยครับ

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

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

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

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 18:11:24

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

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

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

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

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


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


อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 18:52:59

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 18:11:24

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

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

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

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

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

โค้ด เลือก ขยาย


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


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

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 18:52:59

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 18:11:24

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

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

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

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

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

โค้ด เลือก ขยาย


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


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

<?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>

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

เซียนเว็บ video รอดูอีกหรอ ^^ 

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 21:20:19

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 18:52:59

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 18:11:24

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

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

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

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

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

โค้ด เลือก ขยาย


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


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

<?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>

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


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


เปลี่ยนเป็น
<?php if ( get_post_meta(get_the_ID(), 'vID', true) ) { ?>
<img src="http://img.youtube.com/vi/<?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" width="220px" height="150px" />
<?php } else { ?>
<img src="<?php echo catch_that_image() ?>" width="220px" height="150px">
<?php } ?>

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

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="http://www.youtube.com/embed/<?php echo $youtube_id; ?>" frameborder="0" allowfullscreen></iframe>
         </div>
      <?php } elseif ($vimeo_id != '') { ?>
         <div id="vdo_container">
            <iframe src="http://player.vimeo.com/video/<?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="http://img.youtube.com/vi/<?php echo $youtube_id; ?>/0.jpg" width="220" height="145" />
<?php } elseif ($vimeo_id != '') { ?>
<?php $vimeo_thumb =  json_decode(file_get_contents('http://vimeo.com/api/v2/video/' . $vimeo_id . '.json'));?>
<img src="<?php echo $vimeo_thumb[0]->thumbnail_medium ?>" width="220" height="145" />
<?php } ?>

<?php endwhile; ?>

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

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 19:05:45

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 18:52:59

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 18:11:24

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

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

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

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

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

โค้ด เลือก ขยาย


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


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

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

อ้างถึงจาก: mod-heavy-mod ใน 10 เมษายน 2013, 01:39:16
คลิกที่ Screen Option จะอยู่ด้านบนครับ จะมี option ให้เลือกเยอะเลยครับ custom field ก็อยู่บนนั้นครับ

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

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 23:09:50

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 21:20:19

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 18:52:59

อ้างถึงจาก: ptteppawong ใน 09 เมษายน 2013, 18:11:24

อ้างถึงจาก: KenjiroAPI ใน 09 เมษายน 2013, 15:53:06
ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

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

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

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

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

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

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

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

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

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

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

โค้ด เลือก ขยาย


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


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

<?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>

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

โค้ด เลือก ขยาย


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


เปลี่ยนเป็น

โค้ด เลือก ขยาย

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

ขอบคุณในน้ำใจครับ เดี๋ยวลองดูอีกที

อ้างถึงจาก: mod-heavy-mod ใน 10 เมษายน 2013, 01:34:33
ผมใช้ทำกับ งานล่าสุด เอาแบ่งปันกันครับ

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="http://www.youtube.com/embed/<?php echo $youtube_id; ?>" frameborder="0" allowfullscreen></iframe>
         </div>
      <?php } elseif ($vimeo_id != '') { ?>
         <div id="vdo_container">
            <iframe src="http://player.vimeo.com/video/<?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="http://img.youtube.com/vi/<?php echo $youtube_id; ?>/0.jpg" width="220" height="145" />
<?php } elseif ($vimeo_id != '') { ?>
<?php $vimeo_thumb =  json_decode(file_get_contents('http://vimeo.com/api/v2/video/' . $vimeo_id . '.json'));?>
<img src="<?php echo $vimeo_thumb[0]->thumbnail_medium ?>" width="220" height="145" />
<?php } ?>

<?php endwhile; ?>

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

ขอบคุณนะครับ  เดี๊ยวลองทำตามดูนะครับ ได้ผลยังังจะมารายงานอีกที

อ้างถึงจาก: KenjiroAPI ใน 10 เมษายน 2013, 03:42:10

อ้างถึงจาก: mod-heavy-mod ใน 10 เมษายน 2013, 01:39:16
คลิกที่ Screen Option จะอยู่ด้านบนครับ จะมี option ให้เลือกเยอะเลยครับ custom field ก็อยู่บนนั้นครับ

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

ของผมตั้งหลายเว็บมันก็ไม่มีเหมือนกันครับ มันเป็นที่ theme ที่ใช้หรือเปล่าครับ

อ้างถึงจาก: ptteppawong ใน 10 เมษายน 2013, 08:02:24

อ้างถึงจาก: KenjiroAPI ใน 10 เมษายน 2013, 03:42:10

อ้างถึงจาก: mod-heavy-mod ใน 10 เมษายน 2013, 01:39:16
คลิกที่ Screen Option จะอยู่ด้านบนครับ จะมี option ให้เลือกเยอะเลยครับ custom field ก็อยู่บนนั้นครับ

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

ของผมตั้งหลายเว็บมันก็ไม่มีเหมือนกันครับ มันเป็นที่ theme ที่ใช้หรือเปล่าครับ

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

อ้างถึงจาก: mod-heavy-mod ใน 10 เมษายน 2013, 11:28:02

อ้างถึงจาก: ptteppawong ใน 10 เมษายน 2013, 08:02:24

อ้างถึงจาก: KenjiroAPI ใน 10 เมษายน 2013, 03:42:10

อ้างถึงจาก: mod-heavy-mod ใน 10 เมษายน 2013, 01:39:16
คลิกที่ Screen Option จะอยู่ด้านบนครับ จะมี option ให้เลือกเยอะเลยครับ custom field ก็อยู่บนนั้นครับ

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

ของผมตั้งหลายเว็บมันก็ไม่มีเหมือนกันครับ มันเป็นที่ theme ที่ใช้หรือเปล่าครับ

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

โอ้  ขอบคุณมากครับ หาแทบตาย ง่าย ๆ แค่นี้เองเหรอ..