Bu projede, Videolity iFrame entegrasyonunun nasıl gerçekleştirileceğini öğreneceksiniz. Bu örnek, Next.js kullanarak bir web uygulaması oluşturmayı ve bir video oynatıcı iFrame'ini entegre etmeyi göstermektedir. Projenin deploy haline buradan inceleyebilirsiniz.
Projeyi yerel makinenizde çalıştırmak için aşağıdaki adımları izleyin:
-
Repos'u Kopyalayın
git clone https://github.com/mhmmdglc/videolity-next.js-demo.git
-
Bağımlılıkları Yükleyin
Projeyi klonladıktan sonra, ana dizine gidin ve bağımlılıkları yükleyin.
cd videolity-next npm install
veya
yarn install
-
Projeyi Çalıştırın
npm run dev
veya
yarn dev
Şimdi projeniz http://localhost:3000 adresinde çalışıyor olmalı.
Entegrasyon dosyasını src/components/player/video-player.js
dizini altında bulabilirsiniz. Buradaki iframe
etiketinde src="link"
kısmından link
'i kendi video bağlantınızla değiştirebilirsiniz.
Bu proje MIT lisansı ile lisanslanmıştır. Detaylar için LISANS dosyasına bakın.