I do not work video in Bootstrap 4

0

A big greeting:

I had a difficulty, since this video that I insert I get the image of the video but it does not play, I'm doing it with Bootstrap 4 in the following way, I do not know why it is not play?

Thanks

<div class="embed-responsive embed-responsive-16by9">
    <video class="video"src="imagenes/videos/intro.mp4" autoplay loop/>
</div>
    
asked by linjai 09.07.2018 в 22:48
source

2 answers

1

Dear, I think that what you propose does not have syntax errors, at most the definition of the class "video" is stuck with the definition of the src attribute, but nothing that affects the operation of the tag.

As you can see in the following excerpt, I am using your same HTML structure (ignore the link tag, it is only for importing Bootstrap 4), with the only difference that in the src I defined the path to a video valid for the player .

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<div class="embed-responsive embed-responsive-16by9">
    <video class="video"src="https://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_20mb.mp4" autoplay loop/>
</div>

Do what Tegito123 suggests:

  

[...] first of all you should see the compatibility of the different video formats for each browser, apart from that your source or url of the video is well defined [...]

    
answered by 09.07.2018 / 23:53
source
0

you are misusing the video tag it should be like this (as advice always sets the width or height)

<video width="400" autoplay loop>
  <source src="imagenes/videos/intro.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>
    
answered by 09.07.2018 в 23:03