ต่อไป »

[ptteppawong]

ใช้ 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(), &#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; ?>

ช่วยดูโค้ดให้อีกรอบนะครับ

พอดีผมเขียนให้มันดึงมาเฉพาะหมวดหมู่ตามเลข id ของ category 
<?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="http://img.youtube.com/vi/ <?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" />
    </a>
<?php endif; ?>
<?php endwhile; ?>

แล้วใต้โพสต์ให้ custom field ตามที่บอก


มันโชว์เฉพาะรูป default น่ะครับ


ดูในเว็บ ก็ได้ครับ ด้านล่างสุดเลย...
http://www.topmyjob.com/

[mod-heavy-mod]

<?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="http://img.youtube.com/vi/ <?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="http://img.youtube.com/vi/ <?php echo $youtube_id; ?>/default.jpg" />
</a>
<?php endwhile; ?>

[ptteppawong]

<?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="http://img.youtube.com/vi/ <?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="http://img.youtube.com/vi/ <?php echo $youtube_id; ?>/default.jpg" />
</a>
<?php endwhile; ?>

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

[ptteppawong]

<?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="http://img.youtube.com/vi/ <?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="http://img.youtube.com/vi/ <?php echo $youtube_id; ?>/default.jpg" />
</a>
<?php endwhile; ?>

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

ลองแล้วครับ แต่ก็ยังไม่ได้อยู่เหมือนเดิม

[SerBeSt]

<?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="http://i4.ytimg.com/vi/ <?php get_post_meta(get_the_ID(), 'vID', true); ?>/mqdefault.jpg" />
</a>
<?php endwhile; ?>

ลองดูครับ 

[KenjiroAPI]

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

<?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="http://i4.ytimg.com/vi/ <?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 ด้วยหรือเปล่า

[ghostbehead]

มาแอบดูครับ

 

[ptteppawong]

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

<?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="http://i4.ytimg.com/vi/ <?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 ด้วยหรือเปล่า

อันนี้ใช่ได้  แต่ต้องตาม echo เข้าไปอย่างที่ท่านบอก 

[ptteppawong]

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

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

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



แล้งตั้ง value ตาม หมายเลข id ของ youtube
เช่น
เป็นต่อขั้นเทพ - แผนรัก..แผนร้าย (24 ม.ค. 56)


value คือ rXgM7vp7cS4



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

โค๊ด:

<?php query_posts(&#39;cat=ไอดีหมวดหมู่&showposts=จำนวนโพสต์ที่ต้องการโชว์&#39;); ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark">
      <img src="http://i4.ytimg.com/vi/<?php echo get_post_meta(get_the_ID(),&#39;vID&#39;, true);?>/mqdefault.jpg"/>
</a>
<?php endwhile; ?>

[ptteppawong]

แบ่งปันตามด้านบนนะครับ พอดีทำได้แล้ว

[peter_well]

ตามมาเก็บความรู้ขอบคุณมากๆครับ

[ptteppawong]

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

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

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



แล้งตั้ง value ตาม หมายเลข id ของ youtube
เช่น
เป็นต่อขั้นเทพ - แผนรัก..แผนร้าย (24 ม.ค. 56)


value คือ rXgM7vp7cS4



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

โค๊ด:

<?php query_posts(&#39;cat=ไอดีหมวดหมู่&showposts=จำนวนโพสต์ที่ต้องการโชว์&#39;); ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark">
      <img src="http://i4.ytimg.com/vi/<?php echo get_post_meta(get_the_ID(),&#39;vID&#39;, true);?>/mqdefault.jpg"/>
</a>
<?php endwhile; ?>

จากอันนี้ได้แล้วครับ   แต่ขอเพิ่มเติมอีกหน่อย  เราจะเพิ่มรูปปุ่ม  play   ในภาพได้ยังไงครับ

[ptteppawong]

มีใครทราบบ้างครับ 

[Aormsin]

แอบดูด้วยคนจิ