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

  1. emptymind
    Posted 1 year 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 D
    Plugin Author

    Posted 1 year 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 1 year 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 D
    Plugin Author

    Posted 1 year 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 1 year 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 D
    Plugin Author

    Posted 1 year 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 1 year 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 D
    Plugin Author

    Posted 1 year 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 D
    Plugin Author

    Posted 1 year ago #

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

  11. emptymind
    Posted 1 year 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 1 year 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 D
    Plugin Author

    Posted 1 year 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.