如何将YouTube连接到猫头鹰滑块2？

问题描述：

无法为滑块中的视频YouTube删除声音。

对于猫头鹰滑块iframe视频，注册&enablejsapi = 1对API的YouTube

'<iframe id="ytplayer" type="text/html" width="' + g + '" height="' + h + '" src="//www.youtube.com/embed/' + f.id + "?autoplay=1&enablejsapi=1&v=" + f.id + '" frameborder="0" allowfullscreen></iframe>'

代码API的YouTube

var tag = document.createElement('script'); 
tag.src = "https://www.youtube.com/player_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
var player; 

    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('ytplayer', { 
     playerVars: { 
      'autoplay': 1, 
      'controls': 0, 
      'loop': 1 
     }, 
     //videoId: 'EqK6x4seeOA', 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
     } 
     }); 
    } 

    function onPlayerReady(event) { 
     event.target.setVolume(0); 
     event.target.playVideo(); 
    } 
    var doneY = false; 

    function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.PLAYING && !doneY) { 
     doneY = true; 
     } 
     event.target.setVolume(0); 
    }

汇编代码 Code Slider owl 2 + api video YouTube

卜t api没有连接到滑块，告诉我可能是什么问题。

谢谢

答

您正在混合两组玩家。

iFrame嵌入是独立的，但与enablejsapi=1意味着你可以用JavaScript来定位它。

您拥有的第二个代码块是一个构造函数，它将为您动态创建一个iFrame，而无需设置enablejsapi = 1，因为它是自动设置的。但你可以推断你是否愿意。

这是你应该有（或需要使用）。

<!-- 1. The <div> tag will contain the <iframe> (and video player) --> 
      <div id="ytplayer"></div> 
      <script> 
    // 2. This code loads the IFrame Player API code asynchronously. 
    var tag = document.createElement('script'); 
    tag.src = "http://www.youtube.com/player_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

    // 3. This function creates an <iframe> (and YouTube player) 
    // after the API code downloads. 
    var ytplayer; 
    function onYouTubePlayerAPIReady() { 
    ytplayer = new YT.Player('ytplayer', {  
     height: '385', 
     width: '640', 
     videoId: '<?php echo $videoID2 ?>', 
    playerVars: {listType:'playlist', list: '', 'wmode': 'opaque', 'controls': 1 , 'enablejsapi': 1 , 'origin': 'http://www.yoursite.com', 'autohide': 1 , 'frameborder': 1 }, 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange, 
     } 
    }); 
    } 

    // 4. The API will call this function when the video player is ready. 
    function onPlayerReady(event) { 
// event.target.setVolume(100); 
// event.target.playVideo(); 

     event.ytplayer.cueVideoById(id, startSeconds); 
    } 

    // 5. The API calls this function when the player's state changes. 
    // The function indicates that when playing a video (state=1), 
    // the player should play for six seconds and then stop. 
    var done = false; 
    function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.PLAYING && !done) { 
     done = true; 
    } 
    } 

</script>

如何将YouTube连接到猫头鹰滑块2？

相关推荐