You must Sign In to post a response.
  • Category: ASP.NET

    Video control on a web page

    I need one animation or a video to be continuously play on my web page without any pause/play,seek bar control.can anyone help me on this?

    I am using HTML 5
  • #767148
    Flash player you can work with it and also you can set visible false of the attributes of the video. put html tags...

    object width="640" height="480"
    param name="movie" value="players.swf"
    embed src="player.swf" width="640" height="480"
    embed
    object

    SRI RAMA PHANI BHUSHAN KAMBHAMPATI

  • #767215
    Hi,
    Don't use 'controls' attribute to your video tag because 'controls' attribute enables Volume, Play/Pause, Seek bars to your video.
    Please find this demo code for video without controls:

    <video autoplay loop >
    <source src="Zoozoo International roaming.mp4" type="video/mp4" / >
    </video >

    Please find this demo code for video with controls:

    <video controls autoplay loop >
    <source src="Zoozoo International roaming.mp4" type="video/mp4" / >
    </video >

  • #767216
    If you are using html5 that will be very easy to control videos. You can use simple html tag "video" to do this. If you want to play the videos continually you can use the "autoplay". Following is sample code to do your requirment.

    < video autoplay loop >
    < source src="your video link" type="Type of your video" / >
    < /video >

    By Nathan
    Direction is important than speed

  • #767226
    HTML5 has video control you can use it, check below sample

    < video id="Video1" >
    // Replace these with your own video files.
    <source src="demo.mp4" type="video/mp4" />
    <source src="demo.ogv" type="video/ogg" />
    HTML5 Video is required for this example.
    <a href="demo.mp4">Download the video</a> file.
    < /video>

    < div id="buttonbar">
    <button id="restart" onclick="restart();">[]</button>
    <button id="rew" onclick="skip(-10)"><<</button>
    <button id="play" onclick="vidplay()">></button>
    <button id="fastFwd" onclick="skip(10)">>></button>
    < /div>

    < script type="text/javascript">

    function vidplay() {
    var video = document.getElementById("Video1");
    var button = document.getElementById("play");
    if (video.paused) {
    video.play();
    button.textContent = "||";
    } else {
    video.pause();
    button.textContent = ">";
    }
    }

    function restart() {
    var video = document.getElementById("Video1");
    video.currentTime = 0;
    }

    function skip(value) {
    var video = document.getElementById("Video1");
    video.currentTime += value;
    }
    < /script>

    hope it helps

    Thanks
    Koolprasd2003
    Editor, DotNetSpider MVM
    Microsoft MVP 2014 [ASP.NET/IIS]


  • Sign In to post your comments