如何将图像更改为相同大小的嵌入视频 onclick
我有一个想法，页面顶部会有一个图像，中间有一个播放按钮。单击图像后，它会消失，并且会出现相同大小的嵌入视频并开始自动播放。
这样我就可以对图像进行风格化并拥有更多控制权，而无需处理默认嵌入式播放器中的静止帧和标题栏。
我不太确定我将如何实现这一目标。任何帮助将不胜感激
I have an idea where there would be an image at the top of the page with a play button in the center. When the image is clicked it disappears and an embedded video of the same size takes is place and begins to autoplay.
this way i can stylize the image and have more control without having to deal with still frames and title bars from the default embedded player.
i'm not really sure how i would accomplish this. any help would be greatly appreciated
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这完全取决于您使用的播放器类型。您可以做的只是有一个简单的标记来显示所需的图像和一个关于它的主题的播放按钮。现在，单击图像后，您可以初始化播放器并在图像所在的同一容器内播放。
如果您使用
Flowplayer，那么根据您的要求进行配置非常容易。请通过以下链接查看 Flowplayer 演示。http://flowplayer.org/demos/installation/splash-image.html
It all depends on the type of player you are using. What you can do is just have a simple markup to display the required image and a play button on topic of it. Now on image click you can initialize the player and play inside the same container where image is.
If you are using
Flowplayerit is very easy to configure as per your requirement. Take a look at Flowplayer demo at the below link.http://flowplayer.org/demos/installation/splash-image.html