gpt4 book ai didi

javascript - 在 JavaScript 中使用 Array.forEach 进行迭代

转载 作者:行者123 更新时间:2023-12-03 00:28:40 27 4
gpt4 key购买 nike

我想对具有相同类名的每个视频使用此 Fluid Player 函数。我听说我可以使用 Array.forEach() 方法来做到这一点,但我不知道如何做到。

我还尝试使用普通的 for 循环,并在每个数组元素上执行 Fluid Player 函数,但它不起作用。

我做错了什么?

<!DOCTYPE html>
<html>

<body>
<link rel="stylesheet" href="https://cdn.fluidplayer.com/v2/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/v2/current/fluidplayer.min.js"></script>
<video class = "classname" id="short" height="225" loop controls>
<source src="deja vu.mp4" type="video/mp4"/>
</video>
<video class = "classname" id="short" height="225" loop controls>
<source src="deja vu.mp4" type="video/mp4"/>
</video>
<video class = "classname" id="short" height="225" loop controls>
<source src="deja vu.mp4" type="video/mp4"/>
</video>

</body>

<script type="text/javascript">
var array = document.getElementByClassName('classname');
Array.forEach();
</script>

<script type="text/javascript">
var myFP = fluidPlayer(
'short',
{
layoutControls: {
fillToContainer: false,
primaryColor: false,
posterImage: false,
autoPlay: false,
playButtonShowing: true,
playPauseAnimation: true,
mute: false,
logo: {
imageUrl: null,
position: 'top left',
clickUrl: null,
opacity: 1,
mouseOverImageUrl: null,
imageMargin: '2px',
hideWithControls: false,
showOverAds: false
},
htmlOnPauseBlock: {
html: null,
height: null,
width: null
},
allowDownload: false,
allowTheatre: false,
playbackRateEnabled: false,
controlBar: {
autoHide: true,
autoHideTimeout: 1,
animated: false
},
},
vastOptions: {
}
}
);
</script>
</html>

最佳答案

你的问题的措辞有点困惑

“我想对具有相同类名的每个视频使用此 FluidPlayer 功能”

对每个类名做什么?

就 forEach 而言。

forEach 是一个接受函数的方法,您可以向其传递一个函数以在目标数组的迭代上运行,也可以包含箭头函数或匿名函数,如下所示:

array.forEach(classname => console.log(classname)) 

//如果 array = [1,2,3,4] 那么这将在不同的行上返回 1 2 3 和 4。

“array”数组的每个元素都将被迭代,并且该函数将为每个元素调用一次,将该元素作为“classname”传递到函数中,我们可以用它做任何我们想做的事情。您的数组称为“数组”,因此我们使用每个 javascript 数组中都存在的原型(prototype)方法 forEach。我们不需要使用数组。尽管有一些方法可以这种方式工作(例如 Array.isArray(array) 将返回 true)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

关于javascript - 在 JavaScript 中使用 Array.forEach 进行迭代,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53964084/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com