دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ امیر زارع
ویدیو پلیر
محسن موحد حل شده توسط محسن موحد

سلام وقتتون بخیر من دنبال یک ویدیو پلیر مثل 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>

 

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