RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/dom/HTMLMediaElement/play below:

play · WebPlatform Docs

play Summary

Loads and starts playback of a media resource.

Method of dom/HTMLMediaElement dom/HTMLMediaElement

Syntax

 object.play();

Return Value

No return value

Examples

Play method example.

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Video Example</title>
     <script>
         function hidecontrol(e) {
           
           var video = document.getElementById('video1');
           if (video.controls == true) {
             
             video.removeAttribute("controls");
             e.innerHTML = "Show controls";
           } else {
             
             video.setAttribute("controls", true);
             e.innerHTML = "Hide controls";
           }
         }

         function playVideo(e) {
           var video = document.getElementById('video1');      
           
           if (video.paused) {
             var input = document.getElementById('videoFile');   
             if (input.value) {
               
               if (input.value != video.src) {
                 video.src = input.value;
               }
               video.play();
               e.innerHTML = "Pause";
             }
           } else {
             video.pause();
             e.innerHTML = "Play";
           }

         }
     </script>
</head>
<body>
<video id="video1" controls >HTML5 video is not supported</video><br />
<input type="text" id="videoFile" size="60" placeholder="Enter video file URL here"/>
  <button onclick="playVideo(this);">Play</button>
  <button onclick="hidecontrol(this);">Hide controls</button>
</body>
</html>

Notes Remarks

To change the URL that is currently playing, assign it to src. This method sets paused to false. To change the URL using the source element, or if the original video was specified by the source element, call load before calling play.

Standards information

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.8.9.8