我想对具有相同类名的每个视频使用此 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/