Javascript

Video Açıkken Yeni Sekme Açıldığında ya da Tarayıcı Simge Durumuna Getirildiğinde Javascript Kodlarıyla Videoyu Durdurma İşlemi

Özellikle online eğiitmlerde web sayfasında yayınlanan videonun katılımcılar vasıtasıyla tamamen izlenmesi önemli bir yer tutmaktadır. Bu işlemi gerçekleştirmek için istemci taarfında web sayfasını kontrol etmeniz gerekir. Aşağıdaki kodlar bu işlem için kullanılabilir.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
    <script>
        $(function () {
        //    var playButton = document.getElementById("play");
        //    playButton.addEventListener("click", function () {
        //        video.play();
        //    });
 
        //    var pauseButton = document.getElementById("stop");
        //    pauseButton.addEventListener("click", function () {
        //        video.pause();
        //    });
            $("#play").click(function () {
                $("#video").trigger('play');
            });
            $("#stop").click(function () {
                $("#video").get(0).pause();
            });
        });
 
        document.addEventListener("visibilitychange", function () {
            if (document.hidden) {
                //video.pause()
                $("#video").get(0).pause();
            } else {
                //video.play();
                $("#video").get(0).play();
            }
        });
 
 
    </script>
</head>
<body>
    <video id="video" width="320" height="240">
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        Your browser does not support the video tag.
    </video><br />
    <button id="play">Play</button>
    <button id="stop">Stop</button>
 
</body>
</html>
 
İlgili Makaleler
Javascript Kodlarıyla Tarayıcı Penceresinde Yön Tuşlarıyla Kutunun Hareket Ettirilmesi
Radio Button İçinden Seçilen Değeri Görüntüleyen Programı Javascript Script Dilinde Yapınız
JavaScript Kodlarıyla TextBox Nesnesine Sadece Sayıların Girilmesini Sağlama
Validation Kontrollerini Yaparak Kimlik Bilgileri Formunu Oluşturan Programı Javascript Script Dilinde Yapınız
Basamak Değerleri Seçilerek Elde Edilen Sayılarla Bölme İşlemi Alıştırmaları Yapan Programı Javascript Script Dilinde Yapınız
Birinci Dereceden Bir Bilinmeyenli Bir Denkleme Ait Çözüm Kümesine Göre Grafik Oluşturan Programı Javascript Script Dilinde Yapınız
Koordinat Düzleminde Verilen Bir Noktanın Hangi Bölgeye Düştüğünü Bulan Programı Javascript Script Dilinde Yapınız
Faktöriyel Hesabı Yapan Javascript Uygulaması
Web Sayfasında Tıklanan Resmin Gerçek Boyutunu Öğrenme
Basamak Değerleri Seçilerek Elde Edilen Sayılarla Toplama İşlemi Alıştırmaları Yapan Programı Javascript Script Dilinde Yapınız
JavaScript Sınıf Bildirimleri (Class Declarations) ile Sınıf Tanımlama
Çarpma İşaretini Kullanmadan İki Sayıyı Çarpan Programı Javascript Script Dilinde Yapınız
Yayınlanan Web Service Hizmetini Terminal Tabanlı Web Sayfasında Kullanma
RadioButton Yardımıyla Web Sayfasının Arkaplan Rengini Değiştiren Uygulamayı Javascript Kodlarıyla Tasarlama
ListBox Yardımıyla Listelenen Dosya Uzantılarının Hangi Medya Dosyası Olduğunu Bulan Web Sayfasını Javascript Kodlarıyla Düzenleme
Resmin Üzerinde Click, MouseOver, MouseOut Olaylarını Uygulayan Programı Javascript Script Dilinde Yapınız
Mevcut Tarihi Takvim Yaprağı Şeklinde Gösteren Programı Javascript Script Dilinde Yapınız
Div Katmanı İçinde Gösterilen Metni Silen Programı Javascript Script Dilinde Yapınız
Tetris Oyununu Javascript Dilini Kullanarak Web Sayfasında Kodlama3
Web Sayfasına JavaScript Kodlarını Tanıtma

Yorum Ekle
   
Kötü İyi