2017-06-23 5 views
0

にユーチューブの動画を埋め込む方法)、IフレームとReact.js - 私のアプリ

私はユーチューブを含める方法を理解しようとしているが、私のアプリに埋め込みます。

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/

おかげでみんな!

答えて

1

反応成分を使用できます。react-youtube

+0

ブリリアントです。今私はこのコードとどのように統合しますか? –

+0

私はそれを働かせました。乾杯! –

関連する問題