VideoJS Player Kullanımı

Yazarı:

VideoJS Player, web sitelerinde veya mobil uygulamalarda kullanılan açık kaynaklı bir video oynatıcısıdır. VideoJS, HTML5 ve JavaScript teknolojileri kullanarak, çeşitli video formatlarını destekler ve tarayıcı uyumluluğunu arttırır. Ek olarak, geliştiricilerin özelleştirilebilen bir oynatıcı tasarlamasına izin verir. VideoJS Player, kullanımı kolay arayüzü ve yüksek performansı ile popüler bir video oynatıcıdır. Web siteleri için video içeriği sağlayanlar, VideoJS Player’ın yararlarından faydalanarak ziyaretçilerine etkili bir video deneyimi sunabilirler.

VideoJS Player ve Kullanımı

VideoJS player, websitesinde video oynatabilmek için geliştirilmiş bir kütüphanedir. Kolay kullanımı ve açık kaynak kodu sayesinde kendinize göre düzenleyebilirsiniz. Kontrol bar bölümünden ise tema yazabilirsiniz.

VideoJS Player Entegrasyonu

VideoJS Player, güzel ve ücretsiz bir alternatif olarak websitenizde video oynatmak için kullanabilirsiniz. Öncelikle VideoJS kendi sitesinden ücretsiz olarak dosyalarını indirebilirsiniz. Ayrıca, ücretsiz CDN hizmeti veren VideoJS, kullanımı da oldukça basittir:

<head>
  <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet">
  <script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script> 
</head>
<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}"> 
    <source src="MY_VIDEO.mp4" type="video/mp4">
    <source src="MY_VIDEO.webm" type="video/webm">
    <p class="vjs-no-js"> 
      To view this video please enable JavaScript, and consider upgrading to a web browser that 
      <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
    </p> 
  </video> 
  <script src="https://vjs.zencdn.net/7.4.1/video.js"></script> 
</body>

CDN kullanımı oldukça kolaydır. Bunun için:

  1. Kendimize player.html adında bir dosya oluşturup yukarıdaki kodları içerisinde ekleyelim.
  2. type=”video/mp4″ bölümünü oynatmak istediğimiz video türüne göre değiştirebilirsiniz.
  3. “src” adresine video adresimizi yazalım.

İşlem bu kadar basit. Android, iOS ve masaüstü cihazlarda hiçbir sorun olmadan rahatlıkla çalışmaktadır. HLS yayınlarını da kullanabileceğiniz VideoJS Player, canlı stream kaynaklarını gösterebilirsiniz. Bunun için tek yapmanız gereken, video type bölümünü type=”application/x-mpegURL” olarak belirlemektir.

VideoJS eklentisi Xtream Codes ve diğer birçok panel ile uyumlu olarak çalışmaktadır. Ayrıca, kendinize özel bir player kütüphanesi oluşturmak isterseniz, şuradan indirebilirsiniz.

Yorum yapın