2017-12-24 8 views
-2

だからここ http://umbrellacorperation.com/メイキング映像

私のウェブサイト上では何イムしようとしますか?

  • 私は、バナーに再生するビデオを取得し、人々はそれがロゴを作る
  • を自動再生することを確認してくださいしようとすると、そのデバイス
  • で使用しているものは何でも解像度にインラインフレームのサイズを変更、テキストしようとしています&ボタンは、ビデオの前にある(明らかに

を働いていない悲しいことに私はHTML5について多くを知らない、これはそれが基本的に行くほど高速である。

は、ここでは、既に作られたが、多くの点

<div id="banner"> 
    <iframe width="600" height="1000" src="https://www.youtube.com/embed/BkEQZc1RH5M?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> 
<div class="container"> 
<div class="title"> 
      <h2>Welcome to Umbrella Corperation</h2> 
       <span class="byline">Come join our Wonderful Community</span></div> 
      <ul class="actions"> 
       <img src="images/apilogo3.png" width="300" height="300" alt=""/> 
       <li><a href="http://umbrellacorperation.com/forum/" class="button">Click here for Forum Access</a></li> 
      </ul> 
     </div> 
    </div> 

誰かが私にはこれが動作するように得るのを助けることができる場合、私はそれはそんなにいただければ幸いでイムは、それが間違ってやっていることを確認イムされたコードのセクションです!

+0

これを読んでください:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video – Vickel

答えて

0

使用videoplayのためのリファレンスとして、このコード:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>HTML5 Video Player</title> 
<style> 
    body { 
      font-family: sans-serif; 
      border: 0; 
      margin: 0; 
      padding: 0; 
    } 
    header { 
      text-align: center; 
    } 
    #player { 
      display: table; 
      width: 100%; 
      padding: 4px; 
    } 
    #player > div { 
      display: table-cell; 
      vertical-align: top; 
    } 
</style> 
</head> 
<body> 
<header> 
    <h1>HTML5 Video Player</h1> 
</header> 
<section id="player"> 
    <div> 
     <video src="yourvideo.mp4" 
      controls 
      width="720" height="480"> 
      Your browser does not support the video element, please #D try <a href="yourvideo.mp4">downloading the video instead</a> 
      </video> 
     </div> 
</section> 
</body> 
</html> 

修正CSSあなたの必要性など。

関連する問題