Trying to place video in a corner

Question

0.00/5 (No votes)

See more:

Hello took and have the following code and trying to locate a way to align the video in the bottom left Or bottom right corner. Have looked on Google and tried several things but have not found a solution that works the following code plays fine but is in the upper left corner. Any help or ideas would be great. For bottom left or right

HTML

<video width="320" height="240" autoplay>
     <source src="https://cdn.domain.com/videolink1.mp4">
     <source src="https://cdn.domain.com/videolink1.mp4">
     Your browser does not support the video tag.
</video>

What I have tried:

looked on google but nothing worked on what i found

Posted 30-Apr-20 11:55am

Reddog2

Updated 30-Apr-20 13:09pm

MadMyche

v2

Add a Solution

Comments

MadMyche 30-Apr-20 18:13pm

Most likely your answer is going to be CSS related, so added that tag

Reddog2 30-Apr-20 18:29pm

OK thanks but do not take and see where you added the tag for the CSS that you are speaking about.If you could give a example withe the code I added and show where I need to add the CSS tag thanks in advance. Here is the code I have now,

Your browser does not support the video tag.

Where would I add the css tags? To align in a bottom left corner etc, thanks again in advance

MadMyche 30-Apr-20 18:41pm

Is this all the code you have for the page?

Reddog2 30-Apr-20 18:47pm

As of the moment yes, I am working on the rest of the site code for a website I am building 4 myself. But the video in question is going to be added to certain pages through out the site.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

MadMyche · Answer 1 · 2020-04-30T13:10:00

The best thing to do with starting to build a website is probably to use something like Flexbox to help you out with laying out your pages.

Here is some reading material to help you get started:
Basic concepts of flexbox - CSS: Cascading Style Sheets | MDN[^]
CSS Flexbox (Flexible Box)[^]
A Complete Guide to Flexbox | CSS-Tricks[^]