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.
Related
I am currently using this and the autoplay seems to work but the loop doesn't work.
<div id="music"><embed src="Anne_Marie - 2002 [Official Video].mp3" autostart=true loop=true></div>
Also, I wanna make it like background music so the play buttons don't show up.
The loop attribute makes the audio file loop.
The autoplay attribute makes the file start playing without the user
needing to play the file.
The controls attribute shows the controls, omitting it will hide the
controls.
<audio loop autoplay>
<source src="path/to/file" type="audio/filetype">
</audio>
Audio filetype can be: .mp3, .wav, .ogg
this audio work for me:
<audio autoplay loop src="music/music.mp3"></audio>
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?
On my wordpress site, when adding a video via the standard HTML Video tag, and then adding autoplay to it - when i then reload the page it sure autoplays but after a few seconds another instance starts the audio and then the audios are overlapping each other. How can i prevent this? This is my simple code.
<video width="400" controls autoplay>
<source src="/uploads/2018/04/ML_video-converted-with-Clipchamp.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
Whats going on here?
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 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.