个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
48
4
我只是复制并粘贴了 youtube 给我的 iframe 标签(我的 friend 正在使用相同的视频并且他的工作正常)并且它就像只是视频的屏幕截图，没有任何控件可以工作并且视频可以不播放，如果我只使用视频标签也会发生这种情况，但后来我决定无论如何我宁愿使用它。我已经在 chrome、edge 和 firefox 本地的括号实时编辑器中尝试过它，并将它托管在我的实际网站上:http://lucasjohnson.tech (不要介意它们现在只是占位符的图像)。这是代码:
a {
text-decoration: none;
color: white;
}
body{
margin: 0px;
background-image: url(bg.jpg);
}
/*Header*/
#header h1{
margin: 0;
padding: 0;
color: white;
padding-right: 20px;
}
#header{
margin-left: 13.5%;
background-color: #34486b;
text-align: right;
width: 86.5%;
height: 74px;
padding-top:34px;
font-family: "roboto", sans-serif;
position: fixed;
}
/*Nav*/
#logo {
width:13.5%;
height: 108px;
position: fixed
}
nav {
margin-top: 108px;
width: 13.5%;
float: left;
font-family: "roboto", sans-serif;
background-color: #111934 ;
height: 100vh;
position: fixed;
}
nav li {
list-style: none;
}
/*Body*/
#body{
padding-top: 200px;
position: relative;
margin-left: 13.5%;
z-index: -1;
}
#body img{
margin-left: auto;
margin-right: auto;
display:block;
background-color: transparent;
}
#body h1{
text-align: center;
font-family: "roboto", sans-serif;
}
#body h2{
text-align: center;
font-family: "roboto", sans-serif;
}
#body h3{
text-align: center;
font-family: "roboto", sans-serif;
}
/*Adobe*/
#adobeLogo{
height: 180px;
}
#photoshop{
height: 400px;
}
#psHeader{
margin-top: 100px;
margin-bottom: 0px;
}
#before{
margin-top: 0px;
margin-bottom: 5px;
display: inline-block;
margin-left: 34%;
}
#after{
margin-top: 0px;
margin-bottom: 5px;
display: inline-block;
float: right;
margin-right: 34%;
}
.adobeImg {
visibility: hidden;
margin-bottom: 100px;
}
.fadeIn {
-webkit-animation: animat_show 0.8s;
animation: animat_show 0.8s;
visibility: visible !important;
}
@-webkit-keyframes animat_show{
0%{opacity:0}
100%{opacity:1}
}
iframe{
margin-left:13.5%;
margin-right:auto;
margin-top: 0px;
}
#head {
margin-top: 10%;
margin-bottom: 40%;
}
#arrow{
height: 20px;
margin-top: 25%
}<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<img id="logo" src="logo.png">
<nav>
<li>
<ul><a href="index.html">Home ●</a></ul>
<ul><a href="adobe.html">Adobe</a></ul>
<ul><a href="cert.html">Certifications</a></ul>
<ul><a href="hw.html">Hardware</a></ul>
<ul><a href="office.html">Office</a></ul>
<ul><a href="personal.html">Personal</a></ul>
<ul><a href="programming.html">Programming</a></ul>
<ul><a href="contact.html">Contact</a></ul>
</li>
</nav>
<div id = "header">
<h1>
Lucas Johnson Port-a-fortress
</h1>
</div>
<div id = "body">
<img src = "lucas%20scott%20johnson%20living%20at%2024%20brookfield%20drive%20northfield%20drive%20profile%20picture.png">
<h1>Lucas Johnson</h1>
<h3>Programmer and IT Proffesional</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/uRvTDuMEfKU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</body>
</html>如果您需要更多信息，请告诉我，谢谢。
最佳答案
问题是你分配给了父元素#body z-index: -1，这使得元素(和所有子元素)不可点击，所以just改变这个
#body{
padding-top: 200px;
position: relative;
margin-left: 13.5%;
z-index: -1;
}
为此
#body{
padding-top: 200px;
position: relative;
margin-left: 13.5%;
}
关于html - Iframe 没有控件工作，视频不播放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59361068/
48
4
0
我做了一个项目，使用两个不同的textview进行触摸来播放两个音频。 这是一个文本 View 的简单代码 tv.setOnTouchListener(new OnTouchListener() {
我正在使用 pygame 模块在 python 中操作声音文件。它在交互式 python session 中工作正常，但相同的代码在 bash 中不会产生任何结果: 交互式Python $ sudo
请注意它只能是 JavaScript。请参阅下面我当前的 HTML。我需要像当前代码一样在页面之间旋转。但是，我需要能够在页面之间暂停/播放。
我有一个带有一堆音频链接的html。我正在尝试使所有音频链接都在单击时播放/暂停，并且尝试了here解决方案。这正是我所追求的，只是我现在不得不修改此功能以应用于代码中的所有音频链接(因为我不能为每个
在尝试进入我的代码中的下一个文件之前，我尝试随机播放.wav文件数毫秒。最好的方法是什么？ 我目前有以下代码: #!/usr/bin/env python from random import ran
我有2个回调函数，一个播放音频，另一个停止音频。 function Play_Callback(hObject, eventdata, handles) global path; global pla
我有一个电台应用程序，并与carplay集成。在Carplay仪表板中，我仅看到专辑封面图像和停止按钮。我想在仪表板上显示播放/暂停和跳过按钮。如果您对该站有任何了解，可以帮我吗？ 最佳答案 您需要使
我正在使用 ffmpeg 创建一个非常基本的视频播放器。库，我有所有的解码和重新编码，但我坚持音频视频同步。 我的问题是，电影有音频和视频流混合(交织)，音频和视频以“突发”(多个音频包，然后是并列的
我不知道我在做什么错 $(document).ready(function() { var playing = false; var audioElement = document.
我正在尝试通过(input:file)Elem加载本地音频文件，当我将其作为对象传递给音频构造函数Audio()时，它不会加载/播放。 文件对象参数和方法: lastModified: 1586969
在 Qt 中创建播放/暂停按钮的最佳方法是什么？我应该创建一个操作并在单击时更改其图标，还是应该创建两个操作然后以某种方式在单击时隐藏一个操作？如何使用一个快捷键来激活这两个操作？ (播放时暂停，暂停
我正在用 Python 和 SQLite 构建一个预订系统。 我有一个 Staff.db 和 Play.db (一对多关系)。这个想法是这样的:剧院的唯一工作人员可以通过指定开始日期和时间来选择何时添
我有一个服务于 AAC+ (HE v2) 的 Icecast 服务器。我在我的网页中使用 JPlayer 来播放内容。在没有 Flash Player 的 Chromium 中，它工作得很好。 对于支
当我运行我的方法时，我收到一个MediaException。我使用 playSound("src/assets/timeup.mp3"); 调用该方法。 private void playSound(
我有一项正在播放播客的服务。我希望该服务检测用户何时按下暂停或从他们的 BT radio 播放，以便我可以停止和启动它。对于我的生活，我无法弄清楚要向我的监听器添加什么过滤器(当我按下 BT 按钮时，
我对 Java 不是很在行，在研究网站上的音乐循环的简单播放/暂停按钮后，我得到了这段代码。它可以很好地离线测试，但在上传到 FTP 服务器后，它不会在任何浏览器中播放音频，我得到 SyntaxErr
我有一个使用 flickity carousel library 创建的视频轮播, 见过 here on codepen .我想要发生的是，当用户滑动轮播时，所选幻灯片停止播放，然后占据所选中间位置的
这是一个 JSFiddle: http://jsfiddle.net/8LczkwLz/19/ HTML: JS: var flashcardAudio = documen
我的问题是我无法将歌曲标题文本保持在 line-height: 800px;当用户播放或暂停播放器时。我设法在 :hover 上做到了。这似乎是一件非常棘手的事情，这真的是我第一次遇到 CSS 如此困
我还没有找到与我的完全一样的帖子，所以这就是问题所在。我正在制作一个 mp3 播放器，播放/暂停是两个单独的按钮。这是我的代码。 prevButton = document.getElementByI
我是一名优秀的程序员,十分优秀！