相关疑难解决方法(0)

将YouTube视频缩小到响应宽度

我在我们的网站上嵌入了一个YouTube视频,当我将屏幕缩小到平板电脑或手机尺寸时,它的宽度大约会缩小到560px.这是YouTube视频的标准还是我可以在代码中添加一些内容以使其变小?

embed youtube responsive-design

119
推荐指数
6
解决办法
12万
查看次数

使用HTML5 CSS3强制iframe YouTube视频居中,并在后台完全覆盖屏幕

你如何强制HTML5 iframeYouTube视频适合中心,使用CSS3 HTML覆盖全屏窗口背景最终Java?

例如" paypal.it "主页背景或" unity3d.com/5 "顶级视频,具有iframe youtube视频.所述iframe盖全屏(变焦)和覆盖所有的宽度和高度,当重新大小的窗口.它重新调整大小,保持100%最小宽度缩放高度或100%最小高度缩放宽度.

如何使用iframeHTML5和CSS3 实现这种效果?

代码示例HTML5

<div class="video" style="opacity: 1;">

    <iframe src="http://www.youtube.com/embed/AddHereVideoId?autoplay=1&amp;html5=1" frameborder="0" style="height: 720px;">
     </iframe>

</div>
Run Code Online (Sandbox Code Playgroud)

代码CSS3 HTML最终将获得Java帮助.

html css video background youtube-iframe-api

11
推荐指数
2
解决办法
3万
查看次数