scratchfoundation/scratchjr
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratchjr.git synced 2025-02-17 17:01:12 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #436 from yueyuzhao/issue/388-video-poster

Browse source 
show video after poster image is loaded
This commit is contained in:
chrisgarrity 2021-06-11 16:03:00 -04:00 committed by GitHub
commit fdf974616e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
editions/free/src/gettingstarted.html
View file

@ -18,7 +18,7 @@
<div class="tutorial" id="tutorialmode">
<div class="closehelp" id="closeHelp"></div>
<div class="introvideocontainer">
<video class="introvideo" id="myVideo" controls></video>
<video class="introvideo" id="myVideo" controls style="display: none;"></video>
</div>
</div>
</body>

8
src/entry/gettingstarted.js
View file

@ -6,6 +6,12 @@ export function gettingStartedMain () {
gn('closeHelp').onclick = gettingStartedCloseMe;
gn('closeHelp').ontouchstart = gettingStartedCloseMe;
var videoObj = gn('myVideo');
videoObj.poster = 'assets/lobby/poster.png';
var image = document.createElement('img');
image.src = videoObj.poster;
image.onload = function () {
videoObj.style.display = 'block';
};
if (isiOS) {
// On iOS we can load from server
videoObj.src = 'assets/lobby/intro.mp4';
@ -16,8 +22,6 @@ export function gettingStartedMain () {
videoObj.src = AndroidInterface.scratchjr_getgettingstartedvideopath();
}, 1000);
}
videoObj.poster = 'assets/lobby/poster.png';
var urlvars = getUrlVars();
place = urlvars['place'];
document.ontouchmove = function (e) {