How to insert a video

How to insert a video on the top page etc.

GIF https://gyazo.com/3015a8b1f689153dcfe7fcb308d483bb 6582025a04cb61be20a4cabc8a556419.png

Code below

index.html


<div class="bg-video-wrap">
  <p>Brilliant Blue</p>
  <video src="images/foreign.mp4" autoplay loop muted>
  </video>
</div>

css


.bg-video-wrap {
  position: relative;
}
p {
  font-family: serif;          
  color: #fff;
  font-size: 400%;
  position: absolute;
  left: 30%;
  top: 100px;
  z-index: 1;
}

that's all!

Please change and use CSS according to the situation!

The foreign.mp4 </ font> part will determine the name of the video you downloaded or made, so apply that! You can probably insert either mp4 or mov at the end!

That's all from the scene!

Recommended Posts

How to insert a video
How to insert a video in Rails
[How to insert a video in haml with Rails]
How to leave a comment
How to create a method
How to add columns to a table
How to sign a Minecraft MOD
How to make a JDBC driver
[Java] How to create a folder
How to insert an external library
How to write a ternary operator
[Swift] How to send a notification
How to make a splash screen
How to make a Jenkins plugin
How to make a Maven project
How to make a Java array
[Xcode] How to add a README.md file
How to execute a contract using web3j
How to make a Java calendar Summary
A memorandum on how to use Eclipse
How to redo a deployment on Heroku
How to add a new hash / array
[Introduction to Java] How to write a Java program
How to create a Maven repository for 2020
How to deploy
How to make a Discord bot (Java)
How to print a Java Word document
[Swift5] How to create a splash screen
[rails] How to create a partial template
How to publish a library in jCenter
[SpringBoot] How to write a controller test
How to insert icons using Font awesome
[Java] [For beginners] How to insert elements directly in a 2D array
Rails: How to write a rake task nicely
How to create a database for H2 Database anywhere
[Rails] How to write when making a subquery
How to deploy a container on AWS Lambda
[Rails] How to create a graph using lazy_high_charts
[Android] How to convert a character string to resourceId
How to get a heapdump from a Docker container
How to display a web page in Java
How to delete a controller etc. using a command
[Ethereum] How to execute a contract using web3j-Part 2-
How to create pagination for a "kaminari" array
How to create a class that inherits class information
How to convert a solidity contract to a Java contract class
How to run a djUnit task in Ant
How to add a classpath in Spring Boot
How to make a lightweight JRE for distribution
[1st] How to create a Spring-MVC framework project
How to insert all at once with MyBatis
How to implement a like feature in Rails
How to easily create a pull-down in Rails
How to generate a primary key using @GeneratedValue
[Rails] How to create a Twitter share button
[Ruby] How to generate a random alphabet string
How to make a follow function in Rails
How to build a Pytorch environment on Ubuntu
How to automatically generate a constructor in Eclipse
How to develop OpenSPIFe
How to use Map