{"action":"created","issue":{"url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/315","labels_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/315/labels{/name}","comments_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/315/comments","events_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/315/events","html_url":"https://github.com/janpaepke/ScrollMagic/issues/315","id":74584103,"number":315,"title":"Keep a scene with background video pinned until after video has finished playing","user":{"login":"tokyobarbs","id":10707597,"avatar_url":"https://avatars.githubusercontent.com/u/10707597?v=3","gravatar_id":"","url":"https://api.github.com/users/tokyobarbs","html_url":"https://github.com/tokyobarbs","followers_url":"https://api.github.com/users/tokyobarbs/followers","following_url":"https://api.github.com/users/tokyobarbs/following{/other_user}","gists_url":"https://api.github.com/users/tokyobarbs/gists{/gist_id}","starred_url":"https://api.github.com/users/tokyobarbs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tokyobarbs/subscriptions","organizations_url":"https://api.github.com/users/tokyobarbs/orgs","repos_url":"https://api.github.com/users/tokyobarbs/repos","events_url":"https://api.github.com/users/tokyobarbs/events{/privacy}","received_events_url":"https://api.github.com/users/tokyobarbs/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/janpaepke/ScrollMagic/labels/support","name":"support","color":"cc317c"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-05-09T04:38:29Z","updated_at":"2015-06-17T07:30:01Z","closed_at":"2015-06-17T07:30:01Z","body":"Firstly, great library! Really enjoying using ScrollMagic. Fantastic!\r\n\r\nSecondly, I hope the subject for this question is clear enough...\r\n\r\nWhat I am trying to achieve:\r\n\r\nI have a scene - at viewports full width and height - that has a pin, duration and tween Timeline set on it. The tweening is working as it should, no problems there.\r\n\r\nI also have an HTML5 video laying in the background. This is injected into the scenes container upon entering the scene (with autoplay off). What I want to do, is after all my tweens have finished, the video in the background (fullsize of scene) to play and with the scene still pinned until it is finished.\r\n\r\nProblem is, is that when the tweens have finished, and while the video is playing, the scene effectively finishes, and thus the pin is removed and my next scene is scrolled to.\r\n\r\nWhat is the best way to keep the scene pinned there until my video has finished playback? Are there any examples of what i am trying to achieve here?\r\n\r\nOne of the directions I've tried to take is to add another null tween with a delay of so many seconds while the video is playing. It gives some pinning, but if the user keeps scrolling, and fast during playback, they will scroll to the next scene with the video not quite finished yet...\r\n\r\nIf anyone has any initial thoughts, that would be great. I've been going back and forth trying to think of a way, but can't find an elegant solution.\r\n\r\nThanks in advance, Craig"},"comment":{"url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/comments/112692608","html_url":"https://github.com/janpaepke/ScrollMagic/issues/315#issuecomment-112692608","issue_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/315","id":112692608,"user":{"login":"janpaepke","id":3076177,"avatar_url":"https://avatars.githubusercontent.com/u/3076177?v=3","gravatar_id":"","url":"https://api.github.com/users/janpaepke","html_url":"https://github.com/janpaepke","followers_url":"https://api.github.com/users/janpaepke/followers","following_url":"https://api.github.com/users/janpaepke/following{/other_user}","gists_url":"https://api.github.com/users/janpaepke/gists{/gist_id}","starred_url":"https://api.github.com/users/janpaepke/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/janpaepke/subscriptions","organizations_url":"https://api.github.com/users/janpaepke/orgs","repos_url":"https://api.github.com/users/janpaepke/repos","events_url":"https://api.github.com/users/janpaepke/events{/privacy}","received_events_url":"https://api.github.com/users/janpaepke/received_events","type":"User","site_admin":false},"created_at":"2015-06-17T07:30:01Z","updated_at":"2015-06-17T07:30:01Z","body":"closed due to inactivity"}}