Warm tip: This article is reproduced from serverfault.com, please click
html localhost youtube

其他-HTML：尝试嵌入YouTube视频

(其他 - HTML: trying to embed youtube video)

发布于 2019-04-07 06:03:33

当我将Youtube视频嵌入到我的网站时，会发生以下错误：

发生错误。请稍后再试。（播放ID：044VSn6cAs2PR3y3） 了解更多

在此处输入图片说明

我的index.html包含以下标记代码段：

<div class="mu-about-us-right">
    <a id="mu-abtus-video" href="https://www.youtube.com/embed/watch?v=lWz-46NPqdk" target="youtube-video">
        <img src="assets/img/about-us.jpg" alt="img">
    </a>
</div>

我不明白我的代码中有什么错误。我也尝试了其他一些视频，所以这不是Youtube服务器的问题。

PS：我在本地主机上运行我的网站

Questioner
Indrajith Ekanayake
Viewed
0
分享
Hemang Rajvanshy 2019-04-07 14:08:41

尝试使用iframe嵌入视频，如下所示：

<div class="mu-about-us-right">
   <iframe width="560" height="315" src="https://www.youtube.com/embed/lWz-46NPqdk" frameborder="0" allowfullscreen></iframe>
</div>

你不能使用定位标记来嵌入视频。

Indrajith Ekanayake 2019-04-07 06:20:08

谢谢你。你的答案对我有用。但是，如果我不能使用锚标签，在这种情况下如何使用缩略图

Hemang Rajvanshy 2019-04-07 06:22:35

您是要为视频创建自定义缩略图吗？默认情况下，YouTube会显示上传视频的人选择的缩略图。

Indrajith Ekanayake 2019-04-07 06:26:43

是的，我想为视频添加自定义缩略图

Sujit 2019-04-07 07:10:59

如果您是视频的所有者，则可以在YouTube上添加自定义缩略图。你想做什么？

Roshana Pitigala 2019-05-04 21:03:34

@IndrajithEkanayake锚标记（<a>）并不是唯一的问题。视频网址也不正确。watch?v=在这里是不必要的。

热门帖子

1
预算一万五攒个深度学习的主机，有好哥哥来看看配置吗
2
哀叹，头发越来越少了
3
[内购终身版限时免费][macOS] Barbee - 拯救你的菜单栏空间（刘海屏快来！
4
请教 mac 如何进行同 app 的窗口切换？
5
notion 是否有平替？
6
我又又又来求购 pixel 初代了。。。
7
领克 08 EM-P 和理想 L6 大伙觉得怎么选
8
[开发者自荐] 公众号封面神器——封面大师「Cover Master」(图片美化第二弹)
9
关于出镜旅游
10
原来凤凰系统已经倒闭 2 年多了

热门github

1
Implementation of paper - YOLOv9: Learning What You Want to Learn Using Programmable Gradient Information (翻译：论文实现——YOLOv9: Learning What You Want to Learn using Programmable Gradient Information（利用可编程梯度信息学习您想学的内容）)
2
A Windows and Office activator using HWID / Ohook / KMS38 / Online KMS activation methods, with a focus on open-source code and fewer antivirus detections. (翻译：使用 HWID / KMS38 / Online KMS 激活方法激活 Microsoft 产品的脚本集合，重点是开源代码、较少的防病毒检测和用户友好性。)
3
Get up and running with Llama 2, Mistral, Gemma, and other large language models. (翻译：启动并运行 Llama 2、Mistral、Gemma 和其他大型语言模型。)
4
该项目可以让你通过订阅的方式使用Cloudflare WARP+，自动获取流量。This project enables you to use Cloudflare WARP+ through subscription, automatically acquiring traffic.
5
Multi functional app to find duplicates, empty folders, similar images etc. (翻译：多功能应用程序可查找重复项、空文件夹、相似图像等。)
6
Xray panel supporting multi-protocol multi-user expire day & traffic & ip limit (Vmess & Vless & Trojan & ShadowSocks & Wireguard) (翻译：Xray面板支持多协议多用户到期日&流量&IP限制（Vmess & Vless & Trojan & ShadowSocks & Wireguard)
7
The Free Software Media System (翻译：Jellyfin 是一个免费软件媒体系统，可让您控制管理和流式传输您的媒体。它是专有 Emby 和 Plex 的替代方案，通过多个应用程序从专用服务器向最终用户设备提供媒体。)
8
lightweight, standalone C++ inference engine for Google's Gemma models. (翻译：适用于 Google Gemma 模型的轻量级独立 C++ 推理引擎。)
9
📚 Freely available programming books (翻译：📚 免费提供的编程书籍)
10
A collective list of free APIs (翻译：免费 API 的集合列表)
11
1️⃣🐝🏎️ The One Billion Row Challenge -- A fun exploration of how quickly 1B rows from a text file can be aggregated with Java (翻译：十亿行挑战 —— 使用 Java 对文本文件中的 10 亿行数据进行聚合的有趣探索)
12
🎓 Path to a free self-taught education in Computer Science! (翻译：🎓计算机科学免费自学教程！)
13
Curso para aprender el lenguaje de programación Python desde cero y para principiantes. 75 clases, 37 horas en vídeo, código, proyectos y grupo de chat. Fundamentos, frontend, backend, testing, IA... (翻译：从零开始学习 Python 编程语言的课程，适合初学者)
14
This repository contains System Design resources which are useful while preparing for interviews and learning Distributed Systems (翻译：该存储库包含系统设计资源，在准备面试和学习分布式系统时非常有用)
15
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention. (翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)