如何将图像更改为相同大小的嵌入式视频onclick

时间:2012-01-11 16:48:55

标签: jquery css video-streaming embedding

我知道页面顶部会有一个图像,中间有一个播放按钮。单击图像时,它会消失,并且会显示相同大小的嵌入视频并开始自动播放。

通过这种方式,我可以对图像进行样式化并拥有更多控制权,而无需处理默认嵌入式播放器中的静止帧和标题栏。

我不确定如何实现这一目标。任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

这一切都取决于您使用的播放器类型。你可以做的只是有一个简单的标记来显示所需的图像和一个主题的播放按钮。现在,在图像上单击,您可以初始化播放器并在图像所在的同一容器内播放。

如果您使用的是Flowplayer,则可以根据您的要求轻松配置。在下面的链接中查看Flowplayer演示。

http://flowplayer.org/demos/installation/splash-image.html