如何使用播放按钮显示视频，单击播放时预览屏幕从小到大[关闭]答案

【问题标题】：How do i display the video using play button , making the preview screen from smaller to larger when clicked on play [closed]如何使用播放按钮显示视频，单击播放时预览屏幕从小到大[关闭]
【发布时间】：2012-10-02 09:25:22
【问题描述】：

我想使用弹出一个窗口的点击播放按钮来显示视频。 As seen here。目前我正在使用 iframe 来显示视频。如何使用 html、css 做到这一点？

目前这是显示视频的代码

<div class="player">
    <iframe src="http://player.vimeo.com/video/<?= $vimeo;?>?title=0&amp;byline=0&amp;portrait=0&amp;color=abcc16&amp;autoplay=0" width="250" height="250" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
</div>

【问题讨论】：

你使用的是纯javascript，还是其他javascript框架（如jQuery、MooTools等）？
您提供的示例没有弹出窗口。
我暂时没有使用任何东西来展示。我是他们的新手。
当我点击播放它在 Internet Explorer 中的工作
我看到预览随着动画而变大，然后开始播放。铬合金。这是您想要的还是您需要新窗口？

标签： php javascript jquery html css

【解决方案1】：

试试：

<script type="text/javascript">
function openmovie() {
  window.open("yourmovieaddress", "movieclicked", "width=yourwidth,height=yourheight,toolbars=no,status=no,resize=no");
}
</script>
<input type="button" onclick="openmovie();" value="Click to Play" />

根据自己的需要自定义样式和参数。

既然你想要一个动画，那么看看 jQuery。这会有所帮助。

【讨论】：

对不起，你能告诉我怎样才能让预览变大并在没有弹出窗口的情况下开始播放