YouTube iframe显示在` `position: ticky` CSS div之上

文章/答案/技术大牛

发布

2回答

html、css、youtube、css-position

我使用导航栏div来使用position: sticky; CSS技巧停留在屏幕顶部。下面是伪代码： CSS： #hdr_main_menu{ padding: 0.9em 0.1em 0.6em 0.1em; <main> page content </main> </b

浏览 23提问于2019-12-18得票数 0

回答已采纳

2回答

响应两个iframe视频并排

html、css

我正试图同时制作两个iframe视频(针对个人电脑用户)和一个以上的视频(为电话用户)。<style> position: relative; height:<div class="col-sm-6">

浏览 3提问于2021-03-22得票数 0

回答已采纳

1回答

同一HTML5全屏上的两个iframes

html

我正在使用HTML5的全屏功能在iframe中扩展youtube嵌入的视频。我需要做的是显示另一个iframe与图像在第一个之上，而在全屏。我正在寻找z-index，但没有成功。The <iframe> (and video player) will replace this <div> tag. --> <div id="player" align="center">&

浏览 0提问于2013-03-28得票数 0

3回答

边写边写

html、css

我正试着让两个div(一个带有嵌入式YouTube视频坐在一个图像上，另一个是文本)并排坐着。我通常会用float: left;规则来做这件事，但是对于图像上的视频来说，CSS/HTML组合要复杂得多。 position: relative; right: 390px;} position: absolute; lef

浏览 6提问于2016-09-28得票数 0

回答已采纳

4回答

在youtube iframe上覆盖不透明的div

html、css、iframe、youtube、overlay

如何在youtube iframe嵌入视频上覆盖半透明不透明的div？<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder=&

浏览 62提问于2010-09-29得票数 110

回答已采纳

1回答

如何创建全屏youtube嵌入视频点击youtube的ytp-large-play-button类？

javascript、jquery、html、css、youtube

我想在用户单击ytp-large- play -button类的svg或嵌入的youtube视频时自动播放全屏视频。我如何在jquery中做到这一点呢？我不想点击“全屏”。对不起，我的英语不好。

浏览 1提问于2018-03-14得票数 0

2回答

<source src="video/Jacquard.mp4" type="video/mp4"> //the video here is downloaded from Youtube前景中的视频是一个youtube iframe，当我把它放进去时，它会很好地嵌入到页面中，但我希望它只在播放“播放电影”按钮时播放/显示。我一直试图在互联网上搜索如何实现它，但找不到确切的我正在寻找的东

浏览 0提问于2015-06-27得票数 1

回答已采纳

4回答

在另一个div下滚动包含youtube视频的div

html、css、youtube

我的HTML如下所示<body> style="height:100px;width:100%;background-color:#CFE;position:fixed;z-index:1000"> <div id="d2" style="padding-top:110px;z-index:-1000;background-c

浏览 0提问于2012-07-13得票数 0

回答已采纳

3回答

如何将YouTube视频添加为<video>，而不是嵌入式<iframe>？

html、video、youtube、html5-video、youtube-iframe-api

由于重量和设计的问题，我想知道是否可以将YouTube视频指定为<video>标签的src属性，而不是嵌入式<iframe>。我想有一个没有播放器设计的YouTube视频，并尽可能兼容不同的设备(例如浏览器，智能手机，平板电脑)。你有什么想法或解决方案吗？

浏览 1提问于2016-06-13得票数 1

2回答

Modal框中的视频没有显示正确的大小

css、twitter-bootstrap

我已经让它工作到了它显示和响应的程度(在右边有一个大约700 to宽的空白，不知道为什么)<!; height: 150%;"> <iframe width="640" height="360" style

浏览 2提问于2015-04-10得票数 0

回答已采纳

1回答

HTML嵌入视频被切断

html、youtube、width

我正在尝试将YouTube的视频嵌入到我的网站中。我想知道是否有一种方法可以根据窗口大小来关联宽度和高度。例如，在iPhone上，它看起来像。是否可以将视频的宽度缩小到小于显示尺寸？来源： <center><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/zRDi1DT3AFA?rel=0&quo

浏览 3提问于2016-04-22得票数 2

2回答

删除iframe视频左侧和右侧的黑条

html、css、iframe

我有一个使用iframe的嵌入式视频。但是视频的左右两边都有黑条，视频的原始大小是2000 x 2000) html当前是：.iframe-video { margin{ height: 30vh; }<article> <div class="article2">Food<&#x

浏览 15提问于2022-01-25得票数 0

2回答

使用javascript隐藏iframes

javascript、html、iframe

我正在尝试创建一个浏览器(我感到厌烦)，我希望用户能够在选项卡之间导航。是我的沙箱。提前谢谢。

浏览 2提问于2021-07-13得票数 0

回答已采纳

11回答

如何对齐引导中心的YouTube嵌入式视频？

css、twitter-bootstrap、youtube

我试图对齐YouTube嵌入式视频在页的中心在我的引导页。视频的大小总是一样的。我的html看起来非常简单： <iframe width="560" height="315" src="https://www.youtube.com/embed/ig3qHRVZRvM" frameborder="

浏览 6提问于2014-03-16得票数 12

回答已采纳

1回答

用wmode=“直接”在SWF对象上分层HTML元素

html、flash、overlay、wmode

我已经搜索了一段时间关于如何在SWF对象上分层html元素，最后我找到的是(根据):-Firefox：不支持分层(但它起作用了，但没有透明度)。Safari(Windows)：根本不支持分层。我知道，我可以很容易地设置wmode=“透明”或wmode=“不透明”--分层将很好地工作。但是我发现，对于包含3D内容的SWF对象，它的wmode必须设置为"direct“或"gpu”。如果有人知道这个问题的解决方案，我会很感激，因

浏览 4提问于2012-12-10得票数 3

3回答

基于iframe的youtube视频响应

css

我有一个在html和包含youtube视频的下面的iframe。这是iframe： <iframe width="420" height="315" src="https://www.youtube.com/embed/DgPO56ImqUA?showinfo=1" frameborder="0" allowfullscreen></

浏览 0提问于2015-05-29得票数 0

回答已采纳

2回答

如何使用此比例自动调整2个并排iframe的大小？

html、css、iframe

我有这样的代码:有两个并排的iframes与链接中显示的比例，我希望它在任何屏幕尺寸保持该比例。第一个iframe是iframe2，第二个iframe是IFRAME1。<div class="box"></<

浏览 39提问于2021-08-06得票数 0

回答已采纳

1回答

当你在youtube视频上盘旋时，我能隐藏div吗？

css

我试图设置一个div之上的youtube视频，然后当你悬停在div，div消失，你可以播放youtube视频下面，这是唯一可以实现的css？ z-index: 1;#box:hover { visibility: hidden;iframe{} <iframe width="

浏览 1提问于2015-09-18得票数 0

回答已采纳

4回答

如何在图像中显示/播放此视频？

javascript、html、css、video、embed

电视里有一段youtube视频，但我不能让它出现或播放。我想知道这个问题的解决方案是什么？谢谢! position: relative; position: absolute; left: 0; <iframe class=&quo

浏览 10提问于2018-11-29得票数 0

5回答

将youtube视频设置为背景

html、css、twitter-bootstrap、video、youtube

我正在使用bootstrap，并且我想将youtube视频设置为背景我找到了这个。如何更改此代码以使用youtube中的视频？替换为不起作用 @import url('http://fonts.googleapis.com/css?background-attachment: fixed; } #video-background { position

浏览 91提问于2017-02-06得票数 10

回答已采纳

点击加载更多