Intégrer un lecteur flash en description de produits prestashop

[Piacentini]

Bonjour à tous !

 

Je suis en Version Catalogue sur Presta 1.4.6 et j'ai récemment acheté un lecteur de vidéo flash très bien réalisé (je trouves).

 

Avec celui-ci on peu envoyer des vidéos de plusieurs format mais également lire des vidéos youtube ! Le point fort de ce player c'est qu'on peut ajouter un spot publicitaire vidéo avant que la vidéo de tourne. BREF.

 

J'ai maintenant besoin d'installer ce player en description de produit sur prestashop.

 

Sachant que pour chaque produit la vidéo devra-t-etre différente.

 

Voici ce que dit le fichier d'instruction :

 

 

Bon courage et merci d'avance !!!

 

 

 

Author : XanderRock

Author's Flash Portfolio : http://activeden.net/user/XanderRock/portfolio'>http://activeden.net/user/XanderRock/portfolio

Author's Music Portfolio : http://audiojungle.net/user/XanderRock/portfolio

 

File Name : Flv Youtube Video Player with Ads and CMS

Version : 1.0

File Description : Flv Youtube Video Player with Adverts support allows you to put your own adverts in your videos. You can easily add your

videos with CMS. CMS interface has very clean design and allows you to add or remove your videos without any codes. Adverts (ads) system

is specially designed for playing the ads before the originial video. You can also choose your ads video type as Youtube Video or FLV video.

Ads module also supports countdown system. Which means, you can either make your visitor to watch entire ads or you can set a countdown time

and when it ends, your ads will stop automatically. Basicly the best video player you can ever find.

 

Author's note : Enjoy the File!

 

 

################################################################################################################

 

 

 

############################# Features #############################

 

CMS (Add / remove videos without coding)

 

CMS module allows you to control your videos without any codes. CMS means Content Management System. You can add videos

You can delete videos

You can easily upload your FLV videos

You can easily upload your video thumbnail

You can easily add your FLV videos

You can easily add your Youtube videos

You can set ads system on or off

 

CMS Security : CMS login interface allows you to edit your videos. This system uses username and password for you to edit your videos. This way, only you (as authorized person) can edit your videos.

 

ADS (Advertising System)

 

You can add adverts to your player. Adverts will play before your actual video. You can use your FLV videos in Ads module

You can use your Youtube videos in Ads module

You can make your video plays after your ads

You can add external links to your ads video

You can set a countdown time for your ads. This way you can use long length videos for your ads and use a countdownd time

 

Explanation of Countdown System : Let's say you have a commercial (ads) video which is 50 seconds length. And your actual video will start after your ads. You can set a countdown time. Let's say you set your countdown time as 15 seconds. This way, your visitor will not be have to wait until your ads video ended. Disable Countdown System :However, you may want your ads video to play all. Even it's a 50 seconds video, you may want it to be watched. You can make your ads video to play all without any countdown. You can easily disable countdown system with CMS module

 

 

Keyboard

 

Video Player also supports keyboard control Arrow Right - Sends video 5 seconds forward

Arrow Left - Sends video 5 seconds back

Space - Pause / Play the current video

ESC - Close fullscreen mode

 

Requirements

 

PHP Server

 

 

Explanation : In order to use CMS you should have a PHP server. Most of the host providers can give you a php based server such as Linux. You can either find free hosts and professional hosts for using PHP files. No SQL

 

You don't need to use any sql entries. System does not use any sql.

 

 

################################################################################################################

 

 

 

############################# HOW TO USE #############################

 

 

It is very easy to use this system in your project. You can add this system into your project in a few different ways. Here I'll show you two of those ways ;

 

1 - ADD INTO YOUR ANOTHER FLASH FILE BY LOADING

 

To do this open your current Adobe Flash Program. And Open your project file you wanted to add Video Player system into it. Then follow these steps ;

 

* Hit "F9" on your keyboard to open Actions Window

* Make sure Video Player system's files are in the same folder of your projects

* Add these codes to your projects actions panel

 

var loader:Loader = new Loader();

loader.addEventListener(Event.COMPLETE, videoPlayerLoaded);

loader.load(new URLRequest(main.swf)); /*If your Video Player swf file name is different then use it instead*/

 

function videoPlayerLoaded(evt:Event):void

{

loader.removeEventListener(Event.COMPLETE, videoPlayerLoaded);

//To have a movieClip as container is advised

container.addChild(loader);

}

 

 

*Easily Done!

 

2 - ADD IT INTO YOUR WEB (HTML, PHP) PAGE

 

To do this, right click on your webpage, and choose "Open With" to choose an editor. Then choose your favorite web page editor. If you don't have any you can use "Notepad". Then follow these steps ;

 

* Add this code between your "<head></head>" tags

 

<style type="text/css" media="screen">

#flashContent { width:600px; height:800px; z-index:10; }

</style>

 

* Then add these codes between your "<body></body>" tags

 

<div id="flashContent">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="800" id="main" align="middle">

<param name="movie" value="main.swf" />

<param name="quality" value="high" />

<param name="bgcolor" value="#333333" />

<param name="play" value="true" />

<param name="loop" value="true" />

<param name="wmode" value="window" />

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="" />

<param name="allowScriptAccess" value="sameDomain" />

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="main.swf" width="600" height="800">

<param name="movie" value="main.swf" />

<param name="quality" value="high" />

<param name="bgcolor" value="#333333" />

<param name="play" value="true" />

<param name="loop" value="true" />

<param name="wmode" value="window" />

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="" />

<param name="allowScriptAccess" value="sameDomain" />

<!--<![endif]-->

<a href="http://www.adobe.com/go/getflash">

<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />

</a>

<!--[if !IE]>-->

</object>

<!--<![endif]-->

</object>

</div>

 

 

* Now to configure details such as z-index or margin or padding or align all you need to do is to edit your #flashContent style.

 

* and Done!

 

################################################################################################################

 

 

############################# CMS SETUP #############################

 

Video Player gives you a very powerful CMS interface. Using only this CMS program you can add / remove videos without using any codes. CMS system shows how to do this easily. Here are some details about CMS ;

 

HOW TO INSTALL

 

To install CMS you only need to upload the folder to your server. Then right click cms_verify.php file to edit it. You can either choose your favorite editor or just choose notepad to edit it. When you open the cms_verify.php file at the line 3 and 4 you will see user name and password. These are the only changes you need to do for setup. When you edit these details save the file again. And installition completed.

 

HOW TO USE

 

CMS interface starts with a login panel. When you enter your username and password correctly and hit enter or click the login button you will log in the system.

 

System starts with ADD video mode. You can start adding your videos.

 

The first section is your main video. You can either choose a youtube or flv video. If you want to use a youtube video you only need to enter your youtube video id. If you want to use an FLV video choose the FLV from the dropdown button at the right. Then click on browse button. Choose your video and then click on upload button. The system will automatically upload your video to your server. (Video maximum size limit is 1.5 mb)

 

The second section is thumbnail section. Click on the browse button to choose your thumbnail file. Thumbnail image size 60x45 px. However you can use different sized images and the system will autosize them to 60x45 px. Then click on upload button to upload your image to your server (Image maximum size limit is 1.5 mb)

 

The third sections is advertising. To use an ads in your video choose "Adverts On" from the dropdown menu. Then you will see the section details.

 

Video types of Ads system is same with main videos. You can either choose an FLV video or youtube video.

 

You will see two more details in the ads system. One at the left is countdown mechanism. If you check the "Activate Countdown" tick you will activate the countdown system. Let's say you have a commercial (ads) video which is 50 seconds length. And your actual video will start after your ads. You can set a countdown time. Let's say you set your countdown time as 15 seconds. This way, your visitor will not be have to wait until your ads video ended. Disable Countdown System :However, you may want your ads video to play all. Even it's a 50 seconds video, you may want it to be watched. You can make your ads video to play all without any countdown. You can easily disable countdown system with CMS module

 

 

Other detail at the right is link. You can add external links to your ads video. To add a link you only need to check the tick "Use Link". Then add your link address to text field.

 

When you completed all the details you want click on the "Save" button at the bottom right. And you added your video!

 

 

 

 

You can either choose to add another video by clicking on "Add Video" button at top or choose "Logout" button to logout. Or if you want to remove a video you can choose "Delete Video" button. To delete a video click on "Delete Video" button and ;

 

Click the video you wanted to delete from the list. Then click on "Delete" button at the bottom right. And done!

 

 

CMS interface is very easy to use. You can make your clients to add or remove their videos and keep their videos up to date..

 

 

 

 

################################################################################################################

 

 

############################# OPTIONAL SETTINGS #############################

 

There are some other settings that you can change with XML. To edit them you need to edit your videos.xml file.

 

<!--

SIZE OPTIONS

If you want to use the player in different size set this to "true"

 

-->

<use_default_size>false</use_default_size>

<!--Your video width. Do not enter any number lower than 424-->

<video_width>424</video_width>

 

<!--Your video height. Do not enter any number lower than 238-->

<video_height>238</video_height>

 

<!--Window padding size-->

<bg_padding>10</bg_padding>

 

<!--

END OF SIZE OPTIONS

-->

 

<!--

 

There are two different options for fullscreen syste ;

 

* Set this to "true" if you want your video to play on your computer screen with real fullscreen mode

* Set this to "false" if you want your video to play on your "swf file size"

 

-->

<fullScreen_resize>true</fullScreen_resize>

 

 

<!--Set this to false if you don't want your video to autostart.-->

<auto_start>true</auto_start>

 

 

############################# FOR MORE HELP #############################

 

For technical details and more help consider using my email on my profile.

 

and don't forget to Rate!

 

http://activeden.net/user/XanderRock

[Piacentini]

J'aimerais en fait pouvoir faire un truc du genre ça dans product.tpl:

 

 

{if $product->supplier_reference}

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="668" height="520" src="http://www.youtube.com/embed/{$product->supplier_reference}" frameborder="0" allowFullScreen></iframe>

{/if}

 

 

en gros pouvoir gérer facilement le player que j'ai acheté. Parceque sinon c'est impossible d'intégrer une vidéo par produit.