【发布时间】:2020-06-27 16:10:24
【问题描述】:
我不知道为什么。
我尝试使用 Elementor Embed,现在我尝试使用 YouTube Player API。
self.elements.$player = new YT.Player( this.elements.$swiperContainer.find( '.elementor-repeater-item-' + sliderID + ' .elementor-background-video-embed' )[ i ], {
videoId: videoID,
events: {
'onReady': self.onPlayerReady,
},
playerVars: {
controls: 0,
rel: 0,
autoplay: 1,
loop: 1,
start: videoStart,
end: videoEnd,
},
} );
所有选项都有效,但不能循环。 iframe 结果:
<iframe class="elementor-background-video-embed" data-video-link="https://www.youtube.com/watch?v=L_dWvTCdDQ4" style="width: 762px; height: 428.625px;" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/L_dWvTCdDQ4?controls=0&rel=0&autoplay=1&loop=1&start=50&end=60&widget_referrer=http%3A%2F%2Fcmsmasters-elementor.net%2Fwp-admin%2Fpost.php%3Fpost%3D738%26action%3Delementor&enablejsapi=1&origin=http%3A%2F%2Fcmsmasters-elementor.net&widgetid=17" id="widget18"></iframe>
它将是 Elementor 背景视频的 Slider。
【问题讨论】:
标签: javascript iframe youtube youtube-api elementor