WooCommerce Video Product Tab
[resolved] Great idea... just need help on the player (13 posts)

  1. emptymind
    Posted 2 years ago #

    I sell movies so this is perfect for my product page. The movie trailers are stored on Amazon S3. H.264 Mp4.
    I set the iframe to 640 wide x 360 high but the video plays at 100% which is 1280 x 720px.
    Also the video arrives with the video controls slightly protruding past the video box causing a vertical band either side.
    Any ideas?

    This is a temp page I have built - click on the 'Watch Trailer' tab.



  2. Sebastien Dumont
    Plugin Author

    Posted 2 years ago #

    What I see is the video centred in the iframe. I can only see the whole video when I zoom in.

    I have not tested my plugin with Quicktime videos which is what I got when I saw the video.

    It might work better if you use a video player to play the MP4 file.

    I am working on a professional version of this plugin that might help but it is not complete at the moment.

    Can you reply with the code you used to insert your video so I can test with it please an I will reply when I have an answer.

  3. emptymind
    Posted 2 years ago #

    The video is h.264 in mp4 format. Here is the code I used - I could not find any embed code from your plugin site -

    <iframe width= "650" height= "380" video src= "https://s3.amazonaws.com/trailer.emptymindfilms.com/warriors-china-trailer.mov" frameborder= "0" allowfullscreen></iframe>

    Also I need to have the auto play disabled.


  4. Sebastien Dumont
    Plugin Author

    Posted 2 years ago #

    MOV is not MP4 format. It might be encoded in MP4 quality but this is a Quicktime video format.

    I don't know what Apple supports for embedding this type of video in an iFrame.

    From what I know about Quicktime videos, the video size has to be in the size you want to display it in. You can't resize it by the iframe.

    Try a small screen size for the video.

    As for the autoplay, I have no clue what to do about that.

    Sorry that I am not help full.

  5. emptymind
    Posted 2 years ago #

    Can you only play videos in an iframe?

    is it possible to place an embedded video from one of my posts or pages? This does not use iframe.

  6. Sebastien Dumont
    Plugin Author

    Posted 2 years ago #

    iFrame is the new and modern way of embedding videos.

    Object embed was the old way to embed videos.

    They are the only two ways of embedding. A video must have a player attached for it to be embedded.

    Take YouTube for example, they provide you with the code to embed a video from their site. Take a look to help you understand.

  7. emptymind
    Posted 2 years ago #

    Yes I understand but the problem is that my videos are all 1280x720 and I need them to be 640x360 (50% size). How do you get the video to fit into the iframe?

  8. Sebastien Dumont
    Plugin Author

    Posted 2 years ago #

    Try using the following types of embedding a Quicktime video file. It may help.

    - http://www.talkgraphics.com/showthread.php?45586-Quicktime-iframe&p=363168#post363168

    [ Moderator note: code fixed ]

    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">
    <param name="src" value="http://www.yourdomain/your-video.mov">
    <param name="autoplay" value="true">
    <param name="type" value="video/quicktime" height="256" width="320">
    <embed src="http://www.yourdomain/your-video.mov" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>

    - http://www.talkgraphics.com/showthread.php?45586-Quicktime-iframe&p=363176#post363176

    <object width="640" height="496" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
        <param name="src" value="VIDEO-poster.jpg" />
        <param name="href" value="VIDEO.mov" />
        <param name="target" value="myself" />
        <param name="controller" value="false" />
        <param name="autoplay" value="false" />
        <param name="scale" value="aspect" />
        <embed width="640" height="496" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"

    I haven't tested either of them but if it works, I will add Quicktime support to my Pro version of this plugin.

  9. @Sebastien? Please use backticks of the code button when posting code. The forum really messes with your code if you don't.


  10. Sebastien Dumont
    Plugin Author

    Posted 2 years ago #

    @Jan Dembowski My bad, forgot. Thanks for the quick edit.

  11. emptymind
    Posted 2 years ago #

    I am also using a 'product page tab' and as a test I pasted the video shortcode (from the plugin S3 video which I am using).

    This worked fine.

    I then pasted in an iframe - this worked fine. I have the iframe plugin activated.

    So if both these worked in the general product tab plugin I cannot understand why I cannot get them working in your video tab?

  12. emptymind
    Posted 2 years ago #

    The mian problem is I am using S3 video plugin which works great with all my videos from Amazon S3.
    But this uses a short code which does nto work here.

    It does have an embed code but this uses flowplayer which will not work.

  13. Sebastien Dumont
    Plugin Author

    Posted 2 years ago #

    My plugin helps embed videos correctly. It is not designed to be used for general purposes like shortcodes. I have shown you all the options this plugin has to offer.

    If you would like me to create a custom plugin for you to fit to your needs, please hire me.

    Sorry that I can't be of any more help for this plugin.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce Video Product Tab
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.