Question

创建一个网页，我想在其中添加一些YouTube视频，我插入了正确的标签，然后插入了YouTube视频的链接，但不适用于我选择的视频，是否有人知道为什么这是发生了，任何人都可以帮助。我尝试了一个已经选择了视频的在线示例，但是当我尝试更改视频时，它没有出现。

    body {
    margin: auto;
    background-color:     
    font-family: Arial, Helvetica, sans-serif;
    width: auto
    }
    
    .topnav a {	
    float: left;
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
    font-size: 23px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    }
    
    .topnav a:hover {
    background-color: #ddd;
    color: black;
    }
    
    .topnav a.active {
    color: white;
    }
    
    .topnav {
    overflow: hidden;
    background-color: #333;
    }
    
    html {
    background: url(ring.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
    background-attachment: fixed;    
    }

<!DOCTYPE html>
       <html>
        
      <head>
        
      <link rel="stylesheet" type="text/css" href="bestknockouts.css">
        
        
      </head>
        
      <body>
          
            
      <div class="topnav">
      <a class="active" href="website.html"><u>Home</u></a>
      <a href="topfighters.html"><u>Top Fighters</u></a>
      <a href="bestknockouts.html"><u>Best Knockouts</u></a>
      <a href="contactpage.html"><u>Contact Page</u></a>
      <a href="https://twitter.com/ItsssOwen">
      <img src="twitter%20link.png"  width="42" height="32" border="0">
      </a>
    </div>
        
    <iframe width="420" height="315"
    src="https://www.youtube.com/watch?v=bOGaYVijgh0">
    </iframe>
        
    </video>
        
    </body>
        
    </html>

Answer 1

您嵌入YouTube视频的结构不正确。要嵌入YouTube视频，网址必须是特定格式https://www.youtube.com/embed/ + VIDEO_ID

<iframe width="420" height="315" src="https://www.youtube.com/embed/bOGaYVijgh0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Answer 2

<iframe width="560" height="315" src="https://www.youtube.com/embed/bOGaYVijgh0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

您使用的iframe链接不正确。使用上面的链接可以使用它。

每当您使用YouTube嵌入时，请点击“共享”，然后选择“嵌入”。然后你就会这样嵌入：

<iframe width="560" height="315" src="https://www.youtube.com/embed/bOGaYVijgh0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

视频不会加载HTML文件

2 个答案: