Button close on a div with video

0

How to place the close button, I'm sorry I do not know much about design, so I use bootstrap. This is the image of my system.

This is the code:

<div class="modal fade" id="videos"  role="dialog"
                 aria-labelledby="myModalLabel">
                <video autoplay width="1080" height="720" controls>
                    <source src="<?php echo base_url(); ?>dist/video/hola.mp4"  type="video/mp4">
                    Your browser does not support HTML5 video.
                </video>
            </div>
    
asked by Ivan More Flores 09.05.2017 в 22:27
source

1 answer

1

with:

<button type="button" class="close" data-dismiss="modal">&times;</button>   

You can close your modal, I suggest you put it in a modal-header , and your video in a modal-body , to make it easier to manage

it would look something like this:

    <div class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>                       
                </div>
                <div class="modal-body">    
                    <video autoplay width="100%" controls>
                           <source src="<?php echo base_url(); ?>dist/video/hola.mp4"  type="video/mp4">
                           Your browser does not support HTML5 video.
                     </video>

                </div>
            </div>
        </div>
    </div>

    
answered by 09.05.2017 / 23:04
source