Embedding vzaar video files in Method homepage slider?

open (17 posts) (4 voices)

  1. Howdy again,

    I've had no luck embedding Wistia video into my Method homepage slider, so now trying out vzaar as a video server.

    vzaar has more options for embed codes, please see attached screen dump.

    iframe:

    <div class="vzaar_media_player"><object data="http://view.vzaar.com/1127887/flashplayer" height="336" id="video" type="application/x-shockwave-flash" width="448"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="showplaybutton=rollover&border=none" /><param name="movie" value="http://view.vzaar.com/1127887/flashplayer" /><video controls height="336" id="vzvid" onclick="this.play();" poster="http://view.vzaar.com/1127887/image" preload="none" src="http://view.vzaar.com/1127887/video" width="448"></video></object></div>

    HTML

    <div class="vzaar_media_player"><object data="http://view.vzaar.com/1127887/flashplayer" height="336" id="video" type="application/x-shockwave-flash" width="448"><param name="movie" value="http://view.vzaar.com/1127887/flashplayer" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="showplaybutton=rollover&border=none" /><param name="wmode" value="transparent" /><video controls height="336" id="vzvid" onclick="this.play();" poster="http://view.vzaar.com/1127887/image" preload="none" src="http://view.vzaar.com/1127887/video" width="448"></video></object></div>

    Video URL:
    http://vzaar.com/videos/1127887

    short URL:
    http://vzaar.tv/1127887

    thumbnail:
    http://view.vzaar.com/1127887/thumb

    posterframe:
    http://view.vzaar.com/1127887/image

    video:
    http://view.vzaar.com/1127887/video

    download video:
    http://view.vzaar.com/1127887/download

    basic embed code (api call):
    http://api.vzaar.com/videos/1127887.embed

    JavaScript embed code (api call):
    http://api.vzaar.com/videos/1127887.javascript

    Please let me know if I could get this to work within my Method slider. I've already tried all these embed codes with no results, just get the spinning "load" wheel where the slider should be.

    thanks!

    Attachments

    1. Screen_Shot_2012-12-03_at_7.44.57_PM.jpg (132.4 KB, 1 downloads) 4 years old
    Posted 4 years ago #
  2. Hi!

    You could use the HTML and the raw HTML slide.

    []'s

    Posted 4 years ago #
  3. Thanks. Where would I place the HTML code? I'd like to use the Partial Staged Left slider, is this possible?

    Posted 4 years ago #
  4. Elliott
    Support

    You can paste it into the description field of each slide but make sure to set an image as well in the slide URL field or it will not load.

    Posted 4 years ago #
  5. Ok, i followed instructions and got it to work with the raw HTML option.

    Can you make it work with the Partial Staged Left slider??

    Posted 4 years ago #
  6. Elliott
    Support

    You can add whatever you need to inside the slide description to make it look like the partial staged left.

    Or you can use the partial staged left and then surround your embed code with a div and use CSS to push it over the image. You still have to upload an image to the slide but you can use a 1x1 transparent png so it's hidden.

    Posted 4 years ago #
  7. Oh got it thanks. Your recommendations are over my head, can you recommend a coder I could hire to do this for me? Thanks!

    Posted 4 years ago #
  8. Elliott
    Support

    I don't know of anyone I can recommend but some good places to look for freelancers are freelanceswitch.com and jobs.wordpress.net.

    It shouldn't be that hard though. Send us a link to your page and take a screenshot of what your trying to do.

    Posted 4 years ago #
  9. Hi Elliott,

    Thanks for your help. I have attached a screenshot of the page with a vimeo video embedded into Method's "Partial Staged Left" slider. I'd like to accomplish the same look with the VZAAR hosted video if at all possible.

    I'd really appreciate your help as vimeo does not allow the features I want and I cannot get wistia to work with your theme so far.

    Attachments

    1. Screen_Shot_2012-12-04_at_9.57.27_PM.jpg (115.5 KB, 2 downloads) 4 years old
    Posted 4 years ago #
  10. Elliott
    Support

    Paste the code into the slide description and send us a link.

    Posted 4 years ago #
  11. Ok, I have done so.

    Visit http://attaman.wpengine.com

    Also have posted screen cap with the HTML embed code installed in the slide description area as requested.

    My HTML embed code has changed since I first posted. It is now:

    <div class="vzaar_media_player"><object data="http://view.vzaar.com/1129233/flashplayer" height="432" id="video" type="application/x-shockwave-flash" width="768"><param name="movie" value="http://view.vzaar.com/1129233/flashplayer" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="endText=Dr.+Attaman%2C+PLLC&showplaybutton=rollover&border=none&endLink=www.jasonattaman.com&colourSet=blue" /><param name="wmode" value="transparent" /><video controls height="432" id="vzvid" onclick="this.play();" poster="http://view.vzaar.com/1129233/image" preload="none" src="http://view.vzaar.com/1129233/video" width="768"></video></object></div>

    Attachments

    1. Screen_Shot_2012-12-05_at_9.00.13_PM.jpg (123 KB, 0 downloads) 4 years old
    Posted 4 years ago #
  12. Elliott
    Support

    Add this to your custom CSS,

    .vzaar_media_player {
        left: -640px;
        position: absolute;
        top: -10px;
    }
    .slide_content { overflow: visible !important; }

    Your player is too large currently so you'll want to reduce it's size.

    Posted 4 years ago #
  13. Thanks! works great! Excellent support!

    Posted 4 years ago #
  14. My video is in 16:9 ratio, but Method's Partial Staged Left Slider frame is in 3:2 ratio. Is is possible you could help me change the frame to 16:9 ratio?

    Posted 4 years ago #
  15. Elliott
    Support

    If the player size can be changed then it would be a lot easier to do that.

    See here for changing the slideshow dimensions, http://mysitemyway.com/docs/index.php/Changing_Slider_Dimensions.

    Posted 4 years ago #
  16. Tank you!

    Posted 4 years ago #
  17. lordground
    Member

    You can download Vzaar Videos from this tutorial Download Vzaar Videos
    The web is spanish but its no hard follow the steps.

    Posted 1 month ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme