2016-08-21 20 views

答えて

1

あなたがそうのように、たとえば、インラインスタイルを使用することができます。

import React from 'react'; 
import { render } from 'react-dom'; 

class Splash extends React.Component { 
    render() { 
    return (
     <div className="video-wrapper" style={{ marginTop: `${window.innerHeight}px` }}> 
     <video id="video"> 
      <source id="mp4" src="video/sample.mp4" type="video/mp4" /> 
     </video> 
     </div> 
    ); 
    } 
} 

export default Splash; 

お知らせ外側のdivにstyle属性。任意の要素にインラインスタイルを適用できます。あなたが適用するCSSはcamelCaseで書かれています。たとえば、background-colorbackgroundColorになります。すべての値は引用符で囲む必要があります(実際のCSSとは異なります)。

関連する問題