个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
<body>
<img src="1.jpg" height="300px" width="240px">
<a href="https://www.youtube.com/watch?v=xjDjIWPwcPU&t=2s"><i class="far fa-play-circle fa-5x"></i> </a>
</body>
body{
background-repeat: no-repeat;
background-size:100%;
height: auto;
background-image: url("black.jpg");
}
我已经在这段代码中编写了充满图像(black.jpg)的背景以及该背景图像。我有另一个图像名称 1.jpg。我想在同一窗口的自定义窗口 900*506px 中单击 Font Awesome 视频图标时播放你管视频。
最佳答案
不确定你到底想做什么，但你应该找到你需要的基础知识 JSFiddle我做得很快。
您的代码只是指向您不想播放的视频的链接，它不会在您的当前页面上播放。所以我将其更改为:
<a id="PlayButton" href="#"><i class="far fa-play-circle fa-5x"></i> </a>
所以我在您的代码中添加了一个包含视频的 iframe，并且在页面加载时隐藏了它。
<iframe id="blackpanter" style="display:none;" width="900" height="506"
src="https://www.youtube.com/embed/xjDjIWPwcPU?rel=0" frameborder="0"
allowfullscreen></iframe>
我添加了一个 jquery 代码，当你点击按钮时显示和播放视频。
$(document).ready(function() {
$("#PlayButton").click(function(ev){
$("#blackpanter").css("display","block");
$("#blackpanter")[0].src += "&autoplay=1";
ev.preventDefault();
});
});
我建议你在继续你的元素之前学习 html、javascript 和 css 基础知识。
关于javascript - 在自定义屏幕中借助 Font Awesome 图标播放视频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49240830/
26
4
0
我一直在用awesome在 ubuntu 14.04 上一段时间。 rc.lua 中定义的默认布局是: layouts = { awful.layout.suit.floating,
Font Awesome 4.0是对 Font Awesome 从头开始的完全重写。主要的新功能之一是图标现在具有命名空间。除了命名空间之外，图标还使用基于一致性和可预测性的新命名约定。不幸的是，
我有一个带有Bootsrap 4(SASS)和Font Awesome 5的MVC项目。我正在尝试使旋转的图标可以与Ajax加载面板一起使用，但是它不起作用。 Test Spin
似乎 font-awesome 支持自定义图标，并附有详细说明如何创建和提交您自己的图标，但该信息在他们的网站上不再可用。这是否意味着不再支持此功能并且您只能请求由 font-awesome 团队完成
我正在寻找一种让应用程序使用自己的全屏模式但不调整自己的窗口大小的方法。 例如，我想在全屏模式下在网络浏览器上观看视频，以隐藏除视频之外的浏览器/网站的所有其他栏/内容，但我想保留我的显示布局以同时查
如何设置行中显示的图标之间的间距？这是我的代码： 这些图标暂时太靠近了。 最佳答案 只需像其他任何操作一样设置边距即可。纯CSS。 关于font-awesome - Font A
当使用出色的 Font Awesome 时，如何使图标不透明 - 例如，如果我想使用 http://fortawesome.github.io/Font-Awesome/icon/chevron-ci
我正在尝试在 http://fortawesome.github.io/Font-Awesome/examples/ 更改 fontawesome 星级评分中前两颗星的颜色 我已经为第一个和第二个跨度
你好， 我正在努力将 Font Awesome 添加到我的网站。 在 Font Awesome github 页面上，它简单地说: “安装 FontAwesome.otf 并访问复制和粘贴页面。快乐设
我们正在使用和添加/删除某些 js 事件的 fa-spin。在 3x 下很容易看到的问题是齿轮不围绕固定轴旋转。我怀疑这是因为图标本身 (SVG) 被 Chrome 报告为 42 x 49 像素，即使
你好， 尝试使用 Lighthouse 解决 Font Awesome 图标/元素的可识别名称的审计点我不知道如何回答这个挑战:如何使 Font Awesome 元素具有可识别的名称？ actual
我正在尝试自定义我的 Ubuntu 在我的两台电脑上使用 i3-wm , 多边形和 zsh (带有 oh-my-zsh 在其上) 我在我的一台计算机上遇到了一些问题，我在另一台上没有，尽管以相同的方式
如何配置真棒，所以它会启动新的应用程序，两个窗口对齐，如下所示: ---------------- |xxxxxxxxxx####| |xxxxxxxxxx####| |xxxxxxxxxx####|
我已阅读 Setting windows layout for a specific application in awesome-wm .现在我想在自动启动期间在特定标签下执行此操作。 例如: I
减小 Font Awesome 图标大小的最佳方法是什么。有一个 fa-3x 等等……来增加尺寸。有没有减少尺寸的类(class)？ 最佳答案 Font-Awesome 图标，顾名思义，是基于字体的。
我会使用 Font Awesome 中的几个图标。 我发现我们可以下载整个 font-awesome 目录并使用简单的代码，如 并使用fa-camera-retro显示图标。 我可以只下载我将使用的字
在 font Awesome 4 中，您可以使用 CSS 轻松地将图标应用到 :before/:after 元素。 新的 font Awesome 5 JS/SVG 实现是否可以实现同样的效果？据我所
我刚开始在 Awesome 中为 rc.lua 做自定义 lua，我在想出如何根据鼠标位置启动某些东西时遇到了一些麻烦。到目前为止，这就是我所拥有的，但它没有做任何事情。 -- Open todo w
我正在运行我的 NodeJS 服务器并在 localhost:3000 上测试它。一切正常，但字体超棒的图标显示时好像字体文件丢失了。它在 Firefox 和 Chrome 中做同样的事情。 (我什至
我使用了 codeigniter 和 Font Awesome 5 我已经下载了 font awesome 5 的最新版本，但由于某种原因我的图标没有显示出来 Question How to get
我是一名优秀的程序员,十分优秀！