sweetysweety — 2013-09-09T08:12:36-04:00 — #1
<div id="videoContent" style="display:none"></div>
<img src="imajlar/PlayerPlay.png" id="playerPic" style="margin-top:52px; margin-left:322px;"/>
my structure is like above.my jquery is:
$("#videoContent").append('<iframe width="900" height="350" id="vimeo" src="http://player.vimeo.com/video/41763950?api=1&player_id=player&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=1&loop=0" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>');
i'm trying to do that when video is stopped or paused,the image that i identified before will take place above the video.actually when video is stopped or paused,iframe should be hidden and image should be seen.how can i do this?
chris_upjohn — 2013-09-09T22:15:19-04:00 — #2
You will need to use the Vimeo player API in order to accomplish this as you can check the state of the video from within the iframe itself.
sweetysweety — 2013-09-12T02:34:55-04:00 — #3
i checked vimeo api already.i just want to show the image,that i putted before the video is also should be seen after the video ended.
i mean when video is stopped,iframe should be hidden and img should be visible.
chris_upjohn — 2013-09-12T05:39:19-04:00 — #4
As I said already you won't be able to do this without using the Vimeo API as you can't detect when the finish is stopped from outside of 3rd party iframes.
sweetysweety — 2013-09-13T03:26:27-04:00 — #5
i tried to check whether video is ended from iframe then i try to hide the iframe and show image but it did not work.
probably i use wrong code at the wrong place:)