{"id":41326,"date":"2015-02-06T02:41:37","date_gmt":"2015-02-06T07:41:37","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=41326"},"modified":"2016-02-18T05:02:42","modified_gmt":"2016-02-18T10:02:42","slug":"opencart-how-to-manage-background-video","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-how-to-manage-background-video.html","title":{"rendered":"OpenCart. How to manage background video"},"content":{"rendered":"

<\/p>\r\n

The following video tutorial will show you how to manage background video in OpenCart templates. <\/p>\r\n

OpenCart. How to manage background video<\/a><\/p>\r\n

To change the background video, please follow the steps below:<\/p>\r\n

    \r\n
  1. \r\n

    Enter your OpenCart installation directory on the server using any FTP-client (FileZilla, Total Commander, etc.) or File manager of your hosting CPanel. <\/p>\r\n<\/li>\r\n

  2. \r\n

    Go to image\/data\/video<\/strong> folder. <\/p>\r\n<\/li>\r\n

  3. \r\n

    There you will see video files in 4 formats (.mp4, .ogv, .webm, .flv) and preview images in 4 formats (.jpg, .jpeg, .gif, .png) as well. In our case the file is called video_1<\/strong>. <\/p>\r\n

    NOTE: You can read more details about using and converting video files for browsers at the following link http:\/\/yourwebsite.com\/image\/data\/video\/video_1.html<\/strong>, where yourwebsite.com<\/em><\/strong> is the website with your OpenCart template installation. <\/p>\r\n<\/li>\r\n

  4. \r\n

    Upload your own video_1<\/strong> (the default file name may be different) in 4 corresponding formats:.mp4, .ogv, .webm, .flv, all files having the same names (video_1.mp4, video_1.ogv, video_1.webm, video_1.flv). Preview images should be also in the same 4 formats: .jpg, .jpeg, .gif, .png and have the same names (video_1.jpg, video_1.jpeg, video_1.gif, video_1.png):<\/p>\r\n

    \"opencart_how_to_manage_background_video_2\"<\/a>\r\n<\/p>\r\n<\/li>\r\n

  5. \r\n

    Confirm the replacement and wait until uploading is completed.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Go back to your website and refresh the page. The video was changed successfully. <\/p>\r\n<\/li>\r\n<\/ol>\r\n

    NOTE: If you want to disable the video background and use the image, just rename\/remove video files. The website will display the preview image as the background. <\/p>\r\n

    That is the end of the tutorial. Now you know how to manage background video in OpenCart templates. <\/p>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    OpenCart. How to manage background video<\/a>
    \r\n\t<\/p>","protected":false},"excerpt":{"rendered":"

    The following video tutorial will show you how to manage background video in OpenCart templates.<\/p>\n","protected":false},"author":49,"featured_media":43609,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[1008,1157,527],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41326"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=41326"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41326\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43609"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=41326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=41326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=41326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}