Welcome to TalkGraphics.com
Results 1 to 9 of 9

Thread: scrolling video

  1. #1
    Join Date
    Nov 2009
    Posts
    20

    Default scrolling video

    I woul like to know if i can create scrolling video from youtube like this
    http://www.kevinlyttle.com/ click on videotube button please.
    Using xara

  2. #2
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: scrolling video

    No, this is way beyond Xtreme's capabilities.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #3

    Default Re: scrolling video

    Yes, one can do that, but not with Web Designer. With Xara Xtreme or Xara Graphic Designer 5.


    Here are some pists, these may be partial.


    Look first at the brushes in Xara Brushes forum
    http://www.talkgraphics.com/showthread.php?t=26485

    And find out the film strip brushes.

    -Create a rectangle background for your object. Place a div inside with an id:
    Code:
    <div id="scrolling_videos"></div>
    -Go back to the graphical page, and create another rectangle inside, that you fill with the film strip brush.
    -Then, create rectangles as placeholders for embedding your youtube videos.
    -In each one, you replace it by html code for the you tube video.
    -You can insert your code between
    Code:
    <div class="video"><!--you tube code--></div>
    Then create a placeholder named <head> next to the page
    Replace by html/CSS code:

    Code:
    <style type="text/css">
    #scrolling_videos {position: absolute; height:the height; width: the width; overflow-y: scroll;}
    
    .video {position:absolute; clip:rect(top px,right px,bottom px,left px);}
    </style>

  4. #4
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: scrolling video

    ab29, please post a working example .xar of this so we can follow your technique.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  5. #5

    Smile Re: scrolling video

    One can also do that with ******* products, the flash or javascript's one, that one can place into a placeholder.

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: scrolling video

    ab29, we're well aware it can be done in Javascript or Flash. You're implying it can be done in Xtreme, that's why I asked for a working xar example, to see how you propose doing it.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #7

    Thumbs down Re: scrolling video

    .........................................
    Last edited by ab29; 30 November 2009 at 07:59 PM. Reason: error of message

  8. #8
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: scrolling video

    .........................................
    How does this help ab29?
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  9. #9
    Join Date
    Jan 2010
    Posts
    6

    Default Re: scrolling video

    Eltigre001,

    I ran across your question recently and thought this CSS example
    might be of benefit to you:

    http://valums.com/vertical-scrolling-menu/

    I have successfully made a page in XWD that uses this menu
    of scrolling images and it works well if you only have about 15 images or so.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •