Rabbitinblack

Tag: video

  • วิดีโอสอนพื้นฐานของ HTML CSS Javascript จาก Google

    วิดีโอสอนพื้นฐานของ HTML CSS Javascript จาก Google

    ในการจะเรียนรู้ HTML CSS นั้น ผมคิดว่าในตอนนี้ไม่น่าจะเป็นเรื่องยากแล้ว เพราะมีข้อมูลความรู้มากมายในอินเตอร์เน็ตให้เราค้นหา ให้เราศึกษา และนี่ก็เป็น 1 ในนั้น มันคือ วิดีโอที่ทาง Google ได้ทำขึ้นเพื่อสอนพื้นฐานของ HTML CSS Javascript เรามาดูกันเลยดีกว่าครับ

    แนะนำให้รู้จัก HTML CSS Javascript

    HTML

    แนะนำให้รู้จัก HTML

    แบบฝึกหัดในหัวข้อ HTML

    CSS

    แนะนำให้รู้จัก CSS

    สอนใช้ CSS เบื้องต้น

    แบบฝึกหัดในหัวข้อ CSS

    JavaScript

    แนะนำให้รู้จัก JavaScript

    แบบฝึกหัดในหัวข้อ JavaScript

    HTML CSS เนี่ยผมว่าไม่ยากที่จะเรียนรู้หรอกครับ อย่าคิดว่ามันยาก ถ้ายังไม่ได้เริ่มที่จะเรียนรู้มันนะครับ ^^

    ที่มา : Google: HTML, CSS, and Javascript from the Ground Up
  • วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress

    วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress

    วิธีใช้ WordPress ตอนนี้เป็นการใส่วิดีโอลงในบทความ WordPress ของเรา ปัจจุบันวิดีโอส่วนใหญ่ที่เรานำมาลงในเว็บนั้น ก็คงไม่พ้นว่าเรานำมาจาก youtube หรืออาจจะเป็น vimeo แล้วเราจะใส่วิดีโอเหล่านี้ลงในเว็บ WordPress ของเราได้ยังไง

    Embed Video จาก Youtube ลงในบทความ WordPress

    สมมติว่าผมเปิดเจอวิดีโออันนึงใน youtube แล้วอยากนำมาลงในเว็บ ปรกติเราก็คงกดไปที่ share

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [1]
    กด Share เพื่อจะ Embed Video มาลงในบทความ WordPress

    ซึ่งจะมี code มาให้เรานำไปวางแปะที่เว็บ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [2]
    มี code ให้สำหรับเรานำวิดีโอไปลงในบทความ WordPress

    รู้สึกว่ามันยุ่งยากมั้ยครับ ถ้าคิดว่ามันยุ่งยาก ทำแบบนี้แล้วกันครับ ไปที่ URL แล้ว copy มันมา

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [3]
    Copy URL ของวิดีโอที่เราต้องการ

    แล้วก็เอามาวางแปะในบทความเราเลย สมมติผมสร้าง Post ใหม่มาเพื่อ Embed Video ลงในบทความ WordPress ของเรานะครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [4]
    สร้างหัวข้อใหม่ แล้วลองนำ URL วิดีโอที่เราต้องการลงในบทความ WordPress มาวางแปะ

    เราก็จะได้บทความ WordPress ที่มีวิดีโอที่เราต้องการนำมาใส่แล้วครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [5]
    วิดีโอที่เราต้องการลงในบทความ WordPress มาแล้ว

    Embed Video จาก Vimeo ลงในบทความ WordPress

    คราวนี้ถ้าเป็น Vimeo ละ ไม่ต้องกลัวครับ ใช้วิธีเดียวกัน คือ Copy URL ของวิดีโอมาวางแปะเลยครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [6]
    Copy URL ของวิดีโอที่เราต้องการ
    รูปอธิบายหัวข้อ วิธีใช้ WordPress [7]
    สร้าง Post ใหม่ แล้วนำวิดีโอที่เราต้องการมาวางแปะในบทความ WordPress
    รูปอธิบายหัวข้อ วิธีใช้ WordPress [8]
    มาแล้ววิดีโอที่เราต้องการลงในบทความ WordPress

    ตั้งค่า Embed ในบทความ WordPress

    ให้เราไปที่ Settings มองหาหัวข้อ Media

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [9]
    Settings => Media

    ซึ่งการที่เราสามารถนำ URL มาวางแปะแล้วขึ้นโชว์ที่บทความ WordPress ของเราเลยนั้น ต้องมาติ๊กถูกที่หัวข้อ “When possible, embed the media content from a URL directly onto the page. For example: links to Flickr and YouTube.” ไว้ด้วยนะครับ และเรายังสามารถกำหนดขนาดของ Embed Video ได้ทั้งความกว้าง และความสูง ซึ่งปรกติถ้าเราไม่กรอกอะไรในช่องความกว้าง WordPress จะคิดความกว้างเป็นความกว้างสูงสุดของธีมเราให้เองครับ

    รูปอธิบายหัวข้อ วิธีใช้ WordPress [10]
    ปรับแต่ง Embed ของเราได้ที่นี่
    ตอนต่อไปครับ วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library