Home > other >  How to simulate the apple website high-end atmosphere grade product demo video
How to simulate the apple website high-end atmosphere grade product demo video

Time:10-06

Scenario
Recently apple released the iPhone 5 and iPhone 5 s c, elder brother in the website to watch the high-end grade of video product demonstrations, although not immediately decided to sell the kidney, but still interested in this kind of product demonstration way, decided to simulate a,

The principle of
Using poly reverse video player video_bg_color parameters, let the player base color is white, no black border, video_bg_color=FFFFFF, for example,
Poly reverse player and a parameter for ban_bar_keep_play_btn, hide the progress bar, only one in the middle of the play button,

Implement
Go to poly reverse background, player Settings selected a grade of video player, I picked out a final "modern" style,
And then put on the right side of the menu bar items off all take out, until the end set inside, the "of" returning to the opening hook,
Ready to video code copy paste to site now, inside the flashvar code value, add two additional parameters video_bg_color=ffffff& Ban_ata_bar_keep_play_btn=on


Players put code here


Also need the page to add a CSS,

<style type="text/CSS" & gt;
The overlay {
Background - color: # FFF;
Position: fixed;
width:100%;
Height: 100%;
Top: 0 px;
Left: 0 px;
Z - index: 1000;
Display: none;
} & lt;/style>

Finally add a javascript
<script>
The function showvideo () {
Document. The getElementById (" video ".) style. The display="block";
}
The function hideme () {
Document. The getElementById (" video ".) style. The display="none";
}
</script>

This is done, click the link or picture called when showvideo can be in the middle of the page shows a big video, click on the blank Spaces can be hidden video,

Final presentation

http://www.polyv.net/help/v-manual/2013/0911/129.html

CodePudding user response:

(?????? Omega?? Good job!
  • Related