php - 如何使用播放按钮显示视频，单击播放时预览屏幕从小到大

Question

我想使用弹出一个窗口的点击播放按钮来显示视频。如此处所见。目前我正在使用 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>

Answer 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。这会有所帮助。