使用WordPress自动播放滚动视频

Question

首先为我的糟糕英语道歉。

我使用WordPress与元素。我不想让我的视频只有在视窗中才自动播放。

I've tried this code :

jQuery(文档)。Ready (function ($) {

//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

我更喜欢保持简单。下面我已经提到了完整的过程，并将添加图像，以及使它对你简单。这是从一个st快递跟踪网站显示跟踪结果，并向客户展示它，所以每当客户来的视频是自动播放。他们是怎么做的?

如果您使用的是元素，那么只需

1. 进入
页面使用元素编辑
2. 打开Navigator
3. 点击视频(你想要自动播放的那个)5.现在在右侧点击"Content">
4. 在视频选项下选择或切换到自动播放

希望有帮助。

Elementor导航器选择

Answer 2

浏览器不允许在未静音的情况下自动播放视频。