Youtube 为什么视频最后会回到模糊的拇指？

我的嵌入代码中有rel=0，所以当视频结束时，它会返回到开始。但它会显示视频的缩略图，返回后，缩略图放大到完整的视频大小，因此图像非常模糊。如何获得我上传的完整1280 x 720图像以显示拇指

谢谢

例如，您可以检测视频何时结束，然后用图像覆盖视频。例如：

HTML: JavaScript: （有关详细信息，请参阅。）

---

我也遇到了同样的问题，但问题并没有自行解决。我就是这样解决这个问题的：

我使用了youtube iframe api，并在视频结束后将视频倒回起始位置，这样缩略图看起来就像加载页面时一样

YoutubeF

是iframe id

代码：

var YTplayer;

function onYouTubeIframeAPIReady()
{
    YTplayer = new YT.Player('YoutubeF', { events: { 'onStateChange': onYTPlayerStateChange } });
}

function onYTPlayerStateChange(event)
{
    if (event.data == 0)
    {
        YTplayer.seekTo(0, false)
    }
}

---

享受吧

您是否可以发布完整的嵌入代码（带有videoID），以便其他人可以查看？您可以通过点击Zackel.com上的“Zackel简介”视频查看视频，并在视频结束时查看问题所在。页面中使用的嵌入代码现在正以我预期的方式工作，视频结束并返回开始时将显示1280x720图像？？？！！！。我没有改变任何事情。有时，这些类型的后端问题会发生，然后工程师会解决它们。很高兴现在一切都好了！可能，如果它很普遍的话（尽管我在bug追踪器中没有看到任何东西）。这也可能是一个无关紧要的问题，是由他们正在处理的其他事情引起的，或者是某个地方的服务器配置错误，等等。听起来很有趣。我希望你完成它。

iframe,img,div{/*If you use this on a real web page, you will want to make these rules more specific*/
    padding:0;
    margin:0        
}

div#yt_container{
    position:relative;/* https://stackoverflow.com/a/105035/1419007 */
}

div#player_overlay_image{/* The high-resolution image for when your video has ended. Includes a ▶ button. */
    display:block;
    position:absolute;
    top: 29px;
    background: url('//i.imgur.com/JhDUWdI.png');
    width:853px;
    height:408px;
    display: none;
    cursor:pointer;
}

div#player_overlay_image:hover{/* ▶ button in active state. */
    background: url(//i.imgur.com/ljKjsD4.png);
}

var yt_player;
function onYouTubeIframeAPIReady() {
    yt_player = new YT.Player('element_id', {
    events: {
      'onStateChange': onPlayerStateChange
    }
  });
}

function onPlayerStateChange(event) {
    if(event.data === YT.PlayerState.ENDED){
        //Display overlay image
        document.getElementById('player_overlay_image').style.display='block';
    }
}

document.getElementById('player_overlay_image').addEventListener('click', function(evt){                                                         
    //Hide overlay image
    document.getElementById('player_overlay_image').style.display='none';

    //Play video
    yt_player.playVideo();
}, false);

var YTplayer;

function onYouTubeIframeAPIReady()
{
    YTplayer = new YT.Player('YoutubeF', { events: { 'onStateChange': onYTPlayerStateChange } });
}

function onYTPlayerStateChange(event)
{
    if (event.data == 0)
    {
        YTplayer.seekTo(0, false)
    }
}