javascript - 在图片点击时在博客中显示/开始视频

Question

blogspot.co.il 是我的博客页面之一。

我在每一页都放了一段视频。现在在用户看到视频之前，我希望他们看到这张图片。
只有当用户点击该图像后，视频才会开始播放。

这是其中一页的代码：

<div dir="rtl" style="text-align: right;" trbidi="on">
  <div dir="ltr" style="text-align: center;">
    <br /><br />

    <div dir="rtl">
      <span style="color: #8e5353; font-size: x-large;"><b>-9- Part</b></span>
    </div>

    <div dir="rtl">
      <span style="color: #0000ee; font-size: x-large;"><b><u><a href="http://beingwithosho.blogspot.com/2013/05/9-part-broken-family.html">Broken Family. Blessing in disguise</a></u></b></span>
    </div>

    <br /><br /><br />

    <div>
      <div dir="rtl">
    </div>

    <div dir="ltr">
      <div class="video-container">
        <iframe height="375" src="https://docs.google.com/file/d/0B0hozXLPGwkIa1dDTUpyUkpuQk0/preview" width="640"></iframe>
      </div>
      &nbsp;<b style="color: #0000ee; font-size: xx-large;"><u><br /></u></b>
    </div>

    <div class="separator" style="clear: both;">
    </div>

    <div class="separator" style="clear: both; direction: ltr;">
    </div>

    <div class="separator" style="clear: both; text-align: right;">
    </div>

    <div style="text-align: right;">
      <div style="direction: ltr; text-align: left;">
      </div>
      <div>
        <br />
      </div>
    </div>

    <div style="text-align: right;">
      &nbsp;&nbsp;
    </div>
  </div>
</div>
</div>

我感谢您的帮助。

Answer 1

在此博客中查看技巧

http://beben-koben.blogspot.com/2013/05/trick-for-embed-video-youtube-to-be.html

我希望有用