在图片点击中显示/开始博客中的视频

时间:2013-05-08 18:42:05

标签: javascript image video onclick blogger

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

我在每个页面都放了一个视频。 现在,在用户看到视频之前,我希望他们看到this image 并且只有当用户点击该图像时,才开始播放视频。

这是其中一个页面的代码:

<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>

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)