Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

Video loop Property

Example

Set the video to loop:

document.getElementById("myVideo").loop = true;

Try it Yourself »

Definition and Usage

The loop property sets or returns whether a video should start playing over again when it is finished.

This property reflects the <video> loop attribute.

When present, it specifies that the video should start playing over again when it is finished.

Note: The <video> element is new in HTML5.

Browser Support

The loop property is supported in all major browsers.

Note: Internet Explorer 8 and earlier versions, do not support the <video> element.

Syntax

Return the loop property:

videoObject.loop

Set the loop property:

videoObject.loop=true|false

Property Values

Value	Description
true\|false	Specifies whether the video should start playing over again, every time it is finished true - Indicates that the video should start playing again when it is finished false - Default. Indicates that the video should NOT start playing again when it is finished

Technical Details

Return Value:	A Boolean, returns true if the video starts playing over again, every time it is finished. Otherwise it returns false
Default Value:	false

More Examples

Example

Find out if the video should start playing over again every time it is finished, or not:

var x = document.getElementById("myVideo").loop;

The result of x will be:

true

Try it Yourself »

Related Pages

HTML reference: HTML <video> loop attribute