>> Viewed 8 times

Embed Video YouTube

      No Comments on Embed Video YouTube

Untuk menambah pemahaman konsep dan daya tarik kepada siswa dalam pembelajaran kimia, terutama untuk tutorial praktikum kimia, sebaiknya guru menyertakan video pembelajaran atau video praktikum kimia.

Ada beberapa cara untuk menempelkan video, baik video dari alamat tertentu maupun video dari YouTube. Untuk website sebaiknnya hindari menyimpan video di hosting sendiri, jelas menghemat space hosting, lebih baik upload video ke YouTube atau malah menggunakan video yang sudah ada di YouTube disesuaikan dengan materi kimia yang dipelajari.

Berikut ini cara-cara untuk menempelkan video di halaman website/blog dan hasilnya dapat dilihat di https://wp.me/P6U15y-7c.

1. Menempelkan langsung dari YouTube. 

  • Akse ke https://www.youtube.com/ dengan akun Google
  • Cari video yang sesuai dengan ketik di Searching, misal “quant chemistry’ lalu pilih yang sesuai, misal pilih “Quantum Numbers’ di https://www.youtube.com/watch?v=KrXE_SzRoqw
  • Scroll ke bawah video, di situ ada menu Add to, Share, More. share
    Klik Share untuk melihat menu selanjutnya, lalu klik menu Embedembed-youtube
  • Blok dan copy teks yang ada diantara <iframe …></iframe>
  • Buka Post atau Page di WordPress untuk menempelkan skrip iframe di atas
  • Update Post atau Page dan lihat hasilnya

2. Menempelkan video Youtube menggunakan plugin Wordpres. 

  • Buka Dashboard WordPress
  • Pilih menu Plugins > Add New, cari plugin berjudul Youtube by EmbedPlus Team versi 10.8
  • Install plugin di atas, lalu tunggu sampai proses instalasi selesai
  • Aktifkan dengan klik menu Activate.
  • Untuk menempelkan ada 2 metode yang mudah:
    1. Copy-kan saja alamat video Youtube ke Post atau Page yang disiapkan
    2. Tempatkan alamat video youtube di antara [embedyt]…..[/embedyt]Cara ini bisa menempelkan beberapa video dalam satu baris.
  • Update dan lihat hasilnya.

3. Menempelkan video Youtube menggunakan HTML.

Cara 1: menggunakan skrip <video> dan parameter control

<video width="320" height="240" controls>
  <source src="http://repo.unnes.ac.id/kasmui/Epic_Chemistry_Teacher.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

Cara 2: menggunakan skrip <video> dan autoplay

<video width="320" height="240" autoplay>
  <source src="http://repo.unnes.ac.id/kasmui/Epic_Chemistry_Teacher.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

Cara 3: menggunakan skrip <video> dan skrip fungsi

<div style="text-align: center;">
<button>Play/Pause</button> 
<button>Big</button> 
<button>Small</button> 
<button>Normal</button>

<video id="video1" width="420" height="240">
    <source src="http://repo.unnes.ac.id/kasmui/Epic_Chemistry_Teacher.mp4" type="video/mp4" />
    Your browser does not support HTML5 video.
  </video>

</div>

<script>// <![CDATA[ 
var myVideo = document.getElementById("video1"); 

function playPause() { 
    if (myVideo.paused) 
        myVideo.play(); 
    else 
        myVideo.pause(); 
} 

function makeBig() { 
    myVideo.width = 560; 
} 

function makeSmall() { 
    myVideo.width = 320; 
} 

function makeNormal() { 
    myVideo.width = 420; 
} 
// ]]>
</script>

Leave a Reply

Your email address will not be published. Required fields are marked *