使用 WordPress 自動滾動播放視頻

Question

提前，我為我糟糕的英語道歉。

我將 WordPress 與 Elementor 一起使用。 我不想讓我的視頻只有在視口中時才自動播放。

I've tried this code :

jQuery(文檔).ready(函數($){

//To check if element is visible
function checkVisible(elm) {
    var rect = elm.getBoundingClientRect();
    var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
    return !(rect.bottom < 0 || rect.top - viewHeight >= 0);
}

//To play-pause self-hosted videos in elementor only when it's visible
$(window).scroll(function () {
    $(".elementor-video").each(function (i, obj) {
        if (checkVisible(obj)) {
            obj.play();
        } else
            obj.pause();
    });
});

});

It's works BUT ONLY if the user has already click on play.
How to improve this ?

In advance, thanks.

Answer 1

瀏覽器不允許在未靜音時自動播放視頻。

Answer 2

好吧，我寧願保持簡單。 下面我已經提到了完整的過程，並將添加圖像，以簡化您的操作。 這是來自一個st courier 跟蹤網站，該網站正在顯示跟蹤結果並將其顯示給客戶，因此無論何時客戶來，視頻都會自動播放。 他們是怎么做到的。

如果您使用的是 elementor 那么只需

1. 轉到頁面
2. 使用 Elementor 編輯
3. 打開導航器
4. 單擊視頻（您希望自動播放的視頻） 5.現在在右側單擊“內容”
5. 在視頻選項下選擇或切換自動播放

希望它有所幫助。

Elementor 導航器 Toogle 選項