我可以更改嵌入的YouTube视频的播放图标吗？

Question

我可以更换嵌入的YouTube视频上的原始YouTube播放图标吗？我会将自己的图标放在YouTube的iframe上方以实现此目的。我知道Facebook不允许设置类似按钮的样式，所以这就是为什么我要问关于YouTube播放器的定制。

Answer 1

我不确定您可以在不使用YouTube JavaScript API的情况下自定义YouTube嵌入。

继承人如何使用API​​做到这一点：

的Javascript

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

var player; 

onYouTubeIframeAPIReady = function() { 
    player = new YT.Player('player', { 
     height: '244', 
     width: '434', 
     videoId: 'AkyQgpqRyBY', // youtube video id 
     playerVars: { 
      'autoplay': 0, 
      'rel': 0, 
      'showinfo': 0 
     }, 
     events: { 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

onPlayerStateChange = function (event) { 
    if (event.data == YT.PlayerState.ENDED) { 
     $('.start-video').fadeIn('normal'); 
    } 
} 

$(document).on('click', '.start-video', function() { 
    $(this).fadeOut('normal'); 
    player.playVideo(); 
}); 

HTML

<div id="player"></div> 
<button class="start-video">Start Video</button> 

CSS

button { 
    position: absolute; 
    top: 106px; 
    padding: 12px; 
    left: 174px; 
} 

我创建了一个Jsfiddle一个工作示例。