我正在尝试将播放Youtube视频集成到Flexslider中。它已经具备了Vimeo的集成功能(可以正常运行),但是Youtube却无法播放。请问该如何进行集成?
// Can also be used with $(document).ready()
$(window).load(function() {
// Vimeo API nonsense
var player = document.getElementById('player_1');
$f(player).addEvent('ready', ready);
function addEvent(element, eventName, callback) {
if (element.addEventListener) {
element.addEventListener(eventName, callback, false)
} else {
element.attachEvent(eventName, callback, false);
}
}
function ready(player_id) {
var froogaloop = $f(player_id);
froogaloop.addEvent('play', function(data) {
$('.flexslider-project').flexslider("pause");
});
froogaloop.addEvent('pause', function(data) {
$('.flexslider-project').flexslider("play");
});
}
// Call fitVid before FlexSlider initializes, so the proper initial height can be retrieved.
$(".flexslider-project")
.fitVids()
.flexslider({
animation: "slide",
controlNav: false,
directionNav: true,
slideshow: true,
useCSS: true,
prevText: '',
nextText: '',
video: true,
animationLoop: true,
smoothHeight: false,
before: function(slider){
$f(player).api('pause');
}
});
});
这是输出的方式:
<iframe id="player_1" src="<?php echo the_sub_field('video'); ?>" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>