Jump to content

Didjo

Members
 View Profile  See their activity

  • Posts

    7

  • Joined

  • Last visited

 Content Type 

Posts posted by Didjo

    html5 <video></video>

    in HTML/XHTML

    Posted

    Hi, I wanted to create a new topic but I think I will use this.

     

    I have some troubles with my video expand codes:

     

    <body>
    <video id="myVideo"
    onmouseover="this.src='1080x720.webm';" onmouseout="this.src='300x600.webm';" border="0" onclick="VideoControl()" controls autoplay>
    <source src="300x600.mp4" type="video/mp4">
    <source src="300x600.webm" type="video/webm">
    <source src="300x600.ogv" type="video/ogg">
    Your Browser does not support the video tag
    </video>
    [...]
    </body>
    As you can see, my page loads a video (300x600), when the mouse is over the video a new video will appear(1080x720), and when the mouse is out the 300x600 comes back, but here are my problems:
    -When I run with Chrome, there's no 300x600, there's just the sound, but the onmouseover works and the onmouseout too, why it doesn't work at the beginning?
    -When I run with Firefox, the 300x600 at the beginning works but not the onmouseover, I have to reload(or F5) to make it work, why?
    And I have other questions:
    -I want to make all formats video for the 1080x720, well I mean, is it possible to do something like this?
    onmouseover="this.src='1080x720.webm'; this.src='1080x720.mp4'; this.src='1080x720.ogg';"
    Or there's another way to do this?
    -I would like that 1080x720 begins at the same time 300x600, so when the mouse is over the 300x600, the 1080x720 will appear but not at the beginning, is it possible?
    -Concerning the onmouseover and onmouseout, i'd like to make something like a load-timer/animation, so when the user pass his mouse over the video, he thinks that the video will get 'bigger', more like a transition, is it possible to do something like this?
    Thanks

    Video loop with a timer?

    in JavaScript

    Posted

    I tried this:

    function test() {
    var i = 0;
    var bool = boolean;
    var myVideo = document.getElementById('Video1');
    bool = "true";
    While i < 7
    If myVideo.ended()
    myVideo.play()
    i++
    }
    }
    I may be wrong in my syntax but is correct if i make something like this?
    And how do i put this function in <video id="Video1" ...> ?

    Video loop with a timer?

    in JavaScript

    Posted · Edited by Didjo

    Hi, Thank you for your answers,

     

    I tried this, of course it didn't work:

     

    function timer() {
    var myVideo = document.getElementById('Video1');
    var i = 0;
    while (i < 2) {
    myVideo.loop = true;
    i++;
    }
    myVideo.loop = false;
    }
    Did I forget something or the syntax is completely wrong?

    Video loop with a timer?

    in JavaScript

    Posted

    Hi everyone,

     

    I tried to make a video which will start at the beginning and star over again

     

    <video id="Video1" controls autoplay loop>
    <source src="VideoXYZ.mp4" type="video/mp4">
    <source src="VideoXYZ" type="video/webm">
    <source src="VideoXYZ" type="video/ogg">
    Your Browser does not support the video tag
    </video>
    But I want to loop the video 5 or 7 times then it definitely stops until I refresh the page, and of course I don't have a clue how to make a timer to LOOP.
    First, is it possible to do this? if yes, how to do it?
    Thank you
×
×
  • Create New...