Video repeat itself in Iframe

Question

I have a video in an iframe (the video is from my domain) I want the video to repeat after it finishes.

<iframe src="video/video1.mp4" width="100px" height="100px" allowullScreen></iframe>

Please help.

Thanks in advance!

Have you tried anything at all that you want to share with us? Is the content in the iframe from the same domain as you or is it from another website? — Equalsk, Jul 16 '15 at 14:21
Questions that consist of 2 lines of text, do not have a question mark and do not contain any code are very bad candidates for an answer. — blex, Jul 16 '15 at 14:24
@Equalsk: the video is from same website means from same domain — Saurabh Mahajan, Jul 16 '15 at 14:25
Good, at least this should be possible then. Have you tried anything so far? Look at [this SO post](http://stackoverflow.com/questions/1088544/javascript-get-element-from-within-an-iframe) and figure out how to get the player element from the iframe, then go from there. — Equalsk, Jul 16 '15 at 14:30
Could you provide more information? It's nearly impossible to answer this question as it stands, because you give nothing that we can look at and help you with. What is the code are you using? What have you been trying? — Daniel Causebrook, Jul 16 '15 at 14:31
@Dan300 : I updated question with html please do the needful. — Saurabh Mahajan, Jul 16 '15 at 14:40

score 3 · Accepted Answer · edited Oct 14 '19 at 01:36

3

you provided the following code:

<iframe src="video/video1.mp4" width="100px" height="100px" allowFullScreen></iframe>

in order to let it repeat itself just do the following:

<video style="width: 100px; height: 100px" controls loop>
    <source src="video/video1.mp4" type="video/mp4">
    Your browser does not support playing this Video
</video>

edited Oct 14 '19 at 01:36

Jee Mok

6,157
8
47
80

answered Jul 16 '15 at 14:27

GottZ

4,824
1
36
46

I just want video shuold repeat itself. – Saurabh Mahajan Jul 16 '15 at 14:29
@SaurabhMahajan we are not able to help you at all without further information. – GottZ Jul 16 '15 at 14:30
yes need to provide some infomation o video so it will repeat itself. But how o achieve this that I want. Please help. – Saurabh Mahajan Jul 16 '15 at 14:32
Please help I added html in question – Saurabh Mahajan Jul 16 '15 at 14:35
@SaurabhMahajan i provided a possible solution. please try it out and let me know if it works. – GottZ Jul 16 '15 at 14:40

Daniel Causebrook · Answer 2 · 2015-07-16T14:49:33.737

I think it would be better if, instead of using the iframe tag (which is for displaying webpages not content like videos), you use the HTML5 <video> tag. This is better because it allows you to loop the video easily, without js even, and allows much greater control. It also has a better UI.

<video width="320" height="240" loop autoplay>
  <source src="video/video1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

That's all you need!

EDIT:

If you want to customise the video there may be other attributes you find useful:

<video ... loop ... > : loops the video.

<video ... autoplay ... > : starts the video automatically.

<video ... controls ... > : adds controls on the bottom of the video so the user can play and pause the video etc.

<video ... muted ... > : mutes the video so no sound is played.

Video repeat itself in Iframe

2 Answers2