Question

我们在应用程序中嵌入了以下youtube iframe：

 <div class="youtube">
    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/<%# Eval("YouTubeId") %>?autoplay=0&amp;autohide=1&amp;controls=1&amp;loop=0&amp;playlist&amp;rel=0&amp;fs=1&amp;wmode=transparent&amp;showinfo=0&amp;modestbranding=1&amp;iv_load_policy=1&amp;start=0&amp;theme=dark&amp;color=red&amp;enablejsapi=1&amp;" frameborder="0" allowfullscreen></iframe>
</div>
<div class="poster"><span></span><%# IfImage("Thumbnail",GetBrickImage(Eval("Thumbnail"), "featurevideo", Eval("Title")), "") %></div>

我们当前显示视频的缩略图，当用户浏览网站并点击缩略图播放视频时，会出现标准Youtube播放按钮，这会让用户再次点击，这非常烦人。我将自动播放从0更改为1，这解决了Firefox，Opera，safari和IE中的问题，但是当在Chrome上查看时，视频会在页面加载后立即自动播放，但缩略图仍然可见。所以你实际上看不到你只听到内容的视频，我没有关于如何让它正常工作的想法，有没有人遇到过这个？如果是这样你是怎么解决的？

Answer 1

就Chrome问题而言，我有点难过。

然而，当使用deferred视频播放时，我会在用户点击缩略图时使用javascript加载iframe的src。这样，视频甚至无法加载，直到用户想要查看它，这也节省了带宽和加载时间。

Youtube iframe问题，仅在使用自动播放1点击时播放

1 个答案: