当我单击播放时如何在网站上膨胀嵌入式YouTube视频框架?

时间:2018-09-11 01:29:42

标签: css html5 youtube web

我已将youtube视频嵌入到我的网站(HTML5和CSS)中。我有3个视频紧挨着显示,以适合网站的边缘。但是,当我单击“播放”时,画面不会扩展,因此会在同一画面中播放,但对观众来说太小了。

期望值:可以在网站的小框中显示它,但是当用户单击“播放”按钮时,该框必须扩展为1100 * 450,并在完成后或当用户点击页面其他位置。 我不想使用“全屏”选项,因为它涵盖了整个网页。

有什么想法可以做到吗?

1 个答案:

答案 0 :(得分:0)

嘿哥们,用这个替换您的iframe代码

全屏是唯一的选择, 可扩展的iframe有所不同, 我希望你觉得它有用。

<iframe height="400" width="600" name="frame" id="iframe" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>