Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Controls over video issue

Contributor ,
Feb 03, 2018 Feb 03, 2018

Hi,

My video controls are over the video,

is there a way to set the video controls at the bottom line of the video

and not overlying to this.

Thanks.

632
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 03, 2018 Feb 03, 2018

You will need to add the height. Try a height of 600

Translate
Community Expert ,
Feb 03, 2018 Feb 03, 2018

It would help if we could see the problem for ourselves and because the problem is usually part of the code, it would be great if you could give us a link to the online website.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 03, 2018 Feb 03, 2018

Thank you BenPleysier

I'm testing my first steps on video

and I have not yet e web site if it is neccessary I will make one,

but maybe more quickly you can see from the image and the script:

<video width="800" height="" controls>

  <source src="MyVideo.mp4" type="video/mp4">

  <source src="video" type="video/ogg">

</video>

Let me know if you need to see this on the web.

Thank you again.

over.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 03, 2018 Feb 03, 2018

You will need to add the height. Try a height of 600

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 03, 2018 Feb 03, 2018
LATEST

HTML CODE:  Replace poster  image and video with your own.

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<title>HTML5 Video Example</title>

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

video {

height:100%: width:100%;

display:block; margin: 0 auto }

</style>

</head>

<body>

<video controls poster="https://placeimg.com/525/300/nature">

<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">

</video>

</body>

</html>

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines