I have this code:
<video id="testvideo" src="data/videoteste.webm" class="video" loop="loop" webkit-playsinline="webkit-playsinline">
</video>
I want you to always play the same video / audio, the first time you play it, you do everything right, from the second time you only play the video and the audio does not work.
Can you help me please?
Related
I have a short video that should autoplay in Chrome. I've read plenty about this problem and tried a lot of solutions. Presently my code to play the video is
<video autoplay="true" playsinline muted >
<source src="assets/video/somevideo.webm" type="video/webm" />
</video>
This plays the video, but in an apparently random way. Sometimes the video starts, sometimes not, showing a white screen instead.
The video format is compatible with Chrome ('sometimes' it starts correctly!). The html attributes should be correct, taking into account the limitation of chrome in playing not muted videos.
What could be the problem and how can I play the video, being sure it will always be played?
I have a video player in my angular2 ionic2 app.
I am playing 4 seconds video 7 times in HTML video tag with loop attribute.
It is playing well in loop, but there is minor flickering in playing video in loop. i.e it have small pause in loop, when the video completes and start play again.
Following is my html code here :
<video id="video1" width="100%" poster="img/aImg.jpg"
class="vid-background"
autoplay loop>
<source src={{myVideo}} type="video/mp4">
</video>
The myVideo is the video url. It is playing well in the browser but in my ionic2 angular2 code, it have issue.
Please suggest why it have small pause.
Thanks in advance.
I have a list of videos. I want to play a single video seven times. I have played it by eventListener but video is blinking when it goes end and play again.
So I added the loop attribute in the video tag.
<video id="video1" width="100%" poster="img/aImg.png" style="height: 35vh;" autoplay webkit-playsinline playsinline>
<source src={{myVideo}} type="video/mp4">
</video>
But It is continuous playing video, I am not getting the video end event.
Please suggest for events to get the count of loop or video end event.
Thanks in advance!
I'm attempting to embed video via HTML5 and leveraging video.js http://www.videojs.com/
Seems to be working fine on Mac Chrome. Video start immediately. However, on Mac Safari - not so much. Video opens paused at the first frame and just sits till (apparently) the entire thing is loaded.
Makes sense that the video has to load. But what is going on with Chrome that mitigates that, and why is the lag so apparent with Safari?
And what can I do to prevent the delay (e.g., I would like the video to start immediately when the page is loaded).
<div>
<video width="640" height="360" preload="auto" autoplay="autoplay" loop="loop" >
<source src="href="/sites/default/files/videos/original/1918_Pandemic_Flu.mp4" type="video/mp4" />
No flash player has been set up. Please select a player to play Flash videos.</video>
</div>
add controls autoplay The autoplay attribute is a boolean attribute.
When present, the video will automatically start playing as soon as it can do so without stopping.since some times MIME types not support in browser
or <video loop autoplay width='100%' height='100%' src='//video.mp4' type='video/mp4'></video>
or
<video loop autoplay controls="true" width='100%' height='100%' src='//video.mp4' type='video/mp4'></video>
I am using html5 video tag to play a video file, i am using below code to play my videos,
<video src="../Videos/File1.mp4" type="video/mp4" class="video1" controls="controls">
<p>Your browser does not support the video.</p>
</video>
here, when i run this code in my Ipad, I am able to see the video playing, but i am unable to get the sound,
any help why the sound is not playing..
thanks in advance.