🔥 با کمک هوش مصنوعی در کمتر از 6 ماه فول‌استک شوید ...
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ داراب آشنا
ویدیو پلیر
زربانو بدخشانی حل شده توسط زربانو بدخشانی

سلام وقتتون بخیر من دنبال یک ویدیو پلیر مثل aparat هستم که قابلیت عقب و جلو بردن ویدیو داره ولی video.js نداره میشه یک ویدیو پلیر که این قابلیت داره معرفی کنید

سلام،

این لینک طریقه اضافه کردن آیکون به خود پلیر هست.

کد زیر هم روشی برای پیاده سازی عملیات 5 ثانیه ای stepForward است:

var currentTime = player.currentTime();
player.currentTime(currentTime + 5);

 

در پایان اسکریپت نهایی به این شکل خواهد بود:

<script>
    // Global variable
    var player;
    document.addEventListener("DOMContentLoaded", function () {
        // Initializing the video player
        player = videojs("my-video");
        // Adding button to the control bar
        var myButton = player.controlBar.addChild("button", {}, 0);
        // Create our button's DOM Component
        var myButtonDom = myButton.el();
        myButtonDom.innerHTML =
            '<span id="stepForwardBtn" class="vjs-icon-forward-5"></span>';
        // Setting control text for the button hover effect
        myButton.controlText("Step Forward");
        // Applying CSS styles for cursor change
        myButtonDom.style.cursor = "pointer";
        // Setting the control button click function
        myButtonDom.onclick = function () {
            var currentTime = player.currentTime();
            player.currentTime(currentTime + 5);
        };
    });
</script>

 

بهترین پاسخ
زربانو بدخشانی ۲۶ آبان ۱۴۰۲، ۰۸:۲۹