Iframe和React.js - 如何嵌入YouTube視頻到我的應用程序

Question

），

我想了解如何添加YouTube嵌入到我的應用程序。

import React from "react" 
import Pageheader from 'react-bootstrap/lib/Pageheader'; 
import ResponsiveEmbed from 'react-bootstrap/lib/ResponsiveEmbed'; 
import Grid from 'react-bootstrap/lib/Grid'; 

export default class Services extends React.Component { 
    render() { 
    return (
     <div id = "services"> 
      <Pageheader justified> 
       About us 
       <small>M2 Consulting is Bringing Small Businesses to the Agile century</small> 
       <ResponsiveEmbed a16by9> 
        <embed src="https://youtu.be/uC9VtVnuPD0"/> 
       </ResponsiveEmbed> 
      </Pageheader> 
     </div> 
    ) 
    } 
} 

這就是我目前所擁有的。

我已經嘗試了幾種不同的方法來正確顯示，但是發現使用了例如來自YouTube的嵌入代碼來創建多個錯誤。我試圖複製這個網站，以及它如何顯示它嵌入的視頻。

http://www.milkbardigital.com.au/

謝謝大家！

Answer 1

您可以使用反應成分react-youtube