$(document).ready(function () { var text_max = 200; $('#count_message').html(text_max + ' remaining'); $('#comment').keyup(function () { var text_length = $(this).val().length; var text_remaining = text_max - text_length; $('#count_message').html(text_remaining + ' remaining'); }); }); .replySet .replySet .divReplyGrid{ padding-left: 0 !important; }

Comments:

Comment

$(document).ready(function () { var grid = $("#grid").bootgrid({ labels: { noResults: "No results found!", all: "All", infos: "Showing {{ctx.start}} to {{ctx.end}} of {{ctx.total}} entries", loading: "Loading...", refresh: "Refresh", search: "Search", }, ajax: true, url: "https://videoz.ca/objects/comments.json.php?video_id=11", sorting: false, templates: { header: "" }, requestHandler: function (request) { request.sort.created = "DESC"; return request; }, formatters: { "commands": function (column, row) { return formatRow(row); }, "video": function (column, row) { var image; if (row.video) { image = '
' + row.video.title + ''; } else { image = 'Not found'; } return image; } } }).on("loaded.rs.jquery.bootgrid", function () { gridLoaded(); }); $('#saveCommentBtn').click(function () { if ($(this).attr('disabled') === 'disabled') { return false; } comment = $('#comment').val(); video = 11; comments_id = 0; $('#comment').val(''); saveComment(comment, video, comments_id, 0); }); $('#saveEditCommentBtn').click(function () { comment = $('#inputEditComment').val(); video = 11; comments_id = 0; id = $('#inputEditCommentId').val(); $('#commentFormModal').modal('hide'); saveComment(comment, video, comments_id, id); }); }); function formatRow(row) { var template = $("#replyTemplate").clone(); template.removeClass("hidden").attr("id", "").attr("comments_id", row.id); template.find('.total_replies').addClass("total_replies" + row.id); if (row.total_replies) { template.find('.total_replies').text(row.total_replies); } else { template.find('.total_replies').closest('.replySet').find('.allReplies').hide(); } template.find(".replyLikeBtn small").text(row.likes); template.find(".replyDislikeBtn small").text(row.dislikes); template.find(".grid").addClass("grid" + row.id); template.find(".viewAllReplies").addClass("viewAllReplies" + row.id); template.find(".hideAllReplies").addClass("hideAllReplies" + row.id); template.find(".formRepy").addClass("formRepy" + row.id); if (!row.userCanAdminComment) { template.find(".userCanAdminComment").remove(); } if (!row.userCanEditComment) { template.find(".userCanEditComment").remove(); } if (row.myVote === "1") { template.find(".replyLikeBtn").addClass("myVote"); } else if (row.myVote === "-1") { template.find(".replyDislikeBtn").addClass("myVote"); } return row.comment + $('').append(template).html(); } function saveComment(comment, video, comments_id, id) { if (comment.length > 5) { modal.showPleaseWait(); $.ajax({ url: 'https://videoz.ca/objects/commentAddNew.json.php', method: 'POST', data: {'comment': comment, 'video': video, 'comments_id': comments_id, 'id': id}, success: function (response) { avideoResponse(response); if (!response.error) { if (comments_id) { if ($('.grid' + comments_id).hasClass('bootgrid-table')) { $('.grid' + comments_id).bootgrid('reload'); } else { $('.viewAllReplies' + comments_id).trigger('click'); } $('.formRepy' + comments_id).slideUp(); } else { $('#grid').bootgrid('reload'); } addCommentCount(comments_id, 1); } modal.hidePleaseWait(); } }); } else { avideoAlert("Sorry!", "Your comment must be bigger then 5 characters!", "error"); } } function gridLoaded() { $('.reply, .allReplies, .saveReplyBtn, .replyDislikeBtn, .replyLikeBtn, .viewAllReplies, .hideAllReplies, .delete, .edit').off(); $(".replyDislikeBtn, .replyLikeBtn").click(function () { comment = $(this).closest('.replySet'); comments_id = $(this).closest('.replySet').attr("comments_id"); console.log(comment); $.ajax({ url: 'https://videoz.ca/objects/comments_like.json.php?like=' + ($(this).hasClass('replyDislikeBtn') ? "-1" : "1"), method: 'POST', data: {'comments_id': comments_id}, success: function (response) { comment.find(".replyDislikeBtn, .replyLikeBtn").first().removeClass("myVote"); if (response.myVote == 1) { comment.find(".replyLikeBtn").first().addClass("myVote"); } else if (response.myVote == -1) { comment.find(".replyDislikeBtn").first().addClass("myVote"); } comment.find(".replyLikeBtn small").first().text(response.likes); comment.find(".replyDislikeBtn small").first().text(response.dislikes); } }); return false; }); $('.saveReplyBtn').click(function () { comment = $(this).closest('.replySet').find('.formRepy textarea').val(); video = 11; comments_id = $(this).closest('.replySet').attr("comments_id"); $(this).closest('.replySet').find('.formRepy textarea').val(''); saveComment(comment, video, comments_id, 0); }); $('.edit').click(function () { comments_id = $(this).closest('.replySet').attr("comments_id"); var row_index = $(this).closest('tr').index(); var row = $(this).closest('table').bootgrid("getCurrentRows")[row_index]; $('#inputEditComment').val($('').html(row.commentPlain).text()); $('#inputEditCommentId').val(comments_id); $('#commentFormModal').modal(); }); $('.delete').click(function () { comments_id = $(this).closest('.replySet').attr("comments_id"); t = this; swal({ title: "Are you sure?", text: "You will not be able to recover this action!", icon: "warning", buttons: true, dangerMode: true, }) .then(function(willDelete) { if (willDelete) { modal.showPleaseWait(); $.ajax({ url: webSiteRootURL+'objects/commentDelete.json.php', method: 'POST', data: {'id': comments_id}, success: function (response) { if (!response.error) { $(t).closest('tr').fadeOut(); } avideoResponse(response); modal.hidePleaseWait(); } }); } }); }); $('.reply').click(function () { $(this).closest('.replySet').find('.formRepy').first().slideToggle(); }); $('.viewAllReplies').click(function () { comments_id = $(this).closest('.replySet').attr("comments_id"); $(this).closest('.replySet').find(".replyGrid").slideDown(); $(this).closest('.replySet').find(".grid").bootgrid({ labels: { noResults: "No results found!", all: "All", infos: "Showing {{ctx.start}} to {{ctx.end}} of {{ctx.total}} entries", loading: "Loading...", refresh: "Refresh", search: "Search", }, ajax: true, url: "https://videoz.ca/objects/comments.json.php?video_id=11", sorting: false, templates: { header: "" }, rowCount: -1, navigation: 0, formatters: { "commands": function (column, row) { return formatRow(row); } }, requestHandler: function (request) { request.comments_id = comments_id; request.sort.created = "DESC"; return request; } }).on("loaded.rs.jquery.bootgrid", function () { gridLoaded(); }); $(this).closest('.replySet').find('.viewAllReplies').hide(); $(this).closest('.replySet').find('.hideAllReplies').show(); }); $('.hideAllReplies').click(function () { $(this).closest('.replySet').find(".replyGrid").slideUp(); $(this).closest('.replySet').find(".replyGrid").find('table').bootgrid("destroy"); $(this).closest('.replySet').find('.viewAllReplies').show(); $(this).closest('.replySet').find('.hideAllReplies').hide(); }); } function addCommentCount(comments_id, total) { $('.total_replies' + comments_id).text(parseInt($('.total_replies' + comments_id).text()) + total); } <!--googleon: all--> </div> </div> <div class="col-sm-5 col-md-5 col-lg-4 rightBar clearfix" id="yptRightBar" > <div class="list-group-item clearfix"> <div class="col-lg-12 col-sm-12 col-xs-12 text-center"> </div> <div class="row"> <div class="col-lg-12 col-sm-12 col-xs-12 autoplay text-muted" style="margin: 10px 0;" > <strong>Up Next</strong> <span class="pull-right"> <span>Autoplay</span> <span> <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="When autoplay is enabled, a suggested video will automatically play next."></i> </span> <div class="material-switch pull-right" style="margin-left: 10px;"> <input type="checkbox" class="saveCookie" name="autoplay" id="autoplay" > <label for="autoplay" class="label-primary"></label> </div> </span> </div> </div> <div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="autoPlayVideoDiv" style='margin: 10px 0; padding: 15px 5px;display: none;' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/9/bridging-between-university-and-school-practice-with-eportfolios?channelName=classcloud" title="Bridging between university and school practice with eportfolios"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_5b43950a940545.88471360/_YPTuniqid_5b43950a940545.88471360_thumbsV2.jpg?cache=15379908621650919267" alt="Bridging between university and school practice with eportfolios" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H0M1S">00:00:00</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/9/bridging-between-university-and-school-practice-with-eportfolios?channelName=classcloud" title="Bridging between university and school practice with eportfolios" > <div class="text-uppercase row"><strong class="title">Bridging between university and school practice with eportfolios</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/folioz" data-toggle="tooltip" title="Folioz" > <span class="far fa-images"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 35</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><div class="clearfix"></div> <div class="extraVideos nopadding" style="margin: 15px 0;"></div> <div class="clearfix"></div> <!-- videos List --> <!--googleoff: all--> <div id="videosList"> <div class="col-md-8 col-sm-12 " style="position: relative; z-index: 2;" > <select class="form-control" id="sortBy" > <option value="titleAZ" data-icon="glyphicon-sort-by-attributes" > Title (A-Z)</option> <option value="titleZA" data-icon="glyphicon-sort-by-attributes-alt" > Title (Z-A)</option> <option value="newest" data-icon="glyphicon-sort-by-attributes" selected='selected'> Date added (newest)</option> <option value="oldest" data-icon="glyphicon-sort-by-attributes-alt" > Date added (oldest)</option> <option value="popular" data-icon="glyphicon-thumbs-up" > Most popular</option> <option value="views_count" data-icon="glyphicon-eye-open" > Most watched</option> </select> </div> <div class="col-md-4 col-sm-12" style="position: relative; z-index: 2;"> <select class="form-control" id="rowCount"> <option selected='selected'>10</option> <option >20</option> <option >30</option> <option >40</option> <option >50</option> </select> </div> <div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-33" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/33/php-tutorial-for-beginners?channelName=classcloud" title="PHP Tutorial for Beginners - Full Course"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/v_220309232524_vef8a/v_220309232524_vef8a_thumbsV2.jpg?cache=16468978371650919267" alt="PHP Tutorial for Beginners - Full Course" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H0M1S">00:00:00</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/33/php-tutorial-for-beginners?channelName=classcloud" title="PHP Tutorial for Beginners - Full Course" > <div class="text-uppercase row"><strong class="title">PHP Tutorial for Beginners - Full Course</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/coderz" data-toggle="tooltip" title="Coderz" > <span class="fas fa-code"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 50</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-31" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/31/making-king-ghidorah-from-clay?channelName=classcloud" title="Making King Ghidorah from Clay | Godzilla"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_602c69b2c07279.05462115/_YPTuniqid_602c69b2c07279.05462115_thumbsV2.jpg?cache=16135251831650919267" alt="Making King Ghidorah from Clay | Godzilla" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H0M1S">00:00:00</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/31/making-king-ghidorah-from-clay?channelName=classcloud" title="Making King Ghidorah from Clay | Godzilla" > <div class="text-uppercase row"><strong class="title">Making King Ghidorah from Clay | Godzilla</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/makers" data-toggle="tooltip" title="Makers" > <span class="fas fa-graduation-cap"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 3</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-30" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/30/making-godzilla-from-clay-tutorial?channelName=classcloud" title="Making Godzilla from Clay Tutorial"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_602c6906820880.74373170/_YPTuniqid_602c6906820880.74373170_thumbsV2.jpg?cache=16135251831650919267" alt="Making Godzilla from Clay Tutorial" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H0M1S">00:00:00</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/30/making-godzilla-from-clay-tutorial?channelName=classcloud" title="Making Godzilla from Clay Tutorial" > <div class="text-uppercase row"><strong class="title">Making Godzilla from Clay Tutorial</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/makers" data-toggle="tooltip" title="Makers" > <span class="fas fa-graduation-cap"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 5</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-29" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/29/mandalorian-and-baby-yoda-with-clay?channelName=classcloud" title="MANDALORIAN and BABY YODA (GROGU) with Clay"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_602c10ea2e43d6.98976092/_YPTuniqid_602c10ea2e43d6.98976092_thumbsV2.jpg?cache=16136744281650919267" alt="MANDALORIAN and BABY YODA (GROGU) with Clay" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H0M1S">00:00:00</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/29/mandalorian-and-baby-yoda-with-clay?channelName=classcloud" title="MANDALORIAN and BABY YODA (GROGU) with Clay" > <div class="text-uppercase row"><strong class="title">MANDALORIAN and BABY YODA (GROGU) with Clay</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/makers" data-toggle="tooltip" title="Makers" > <span class="fas fa-graduation-cap"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 6</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-28" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/28/making-rodan---godzilla-king-of-the-monsters-2019-with-clay?channelName=classcloud" title="Making RODAN - Godzilla King of the Monsters 2019 with Clay"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_602c0e7f3e7788.97509017/_YPTuniqid_602c0e7f3e7788.97509017_thumbsV2.jpg?cache=16135008581650919267" alt="Making RODAN - Godzilla King of the Monsters 2019 with Clay" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H0M1S">00:00:00</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/28/making-rodan---godzilla-king-of-the-monsters-2019-with-clay?channelName=classcloud" title="Making RODAN - Godzilla King of the Monsters 2019 with Clay" > <div class="text-uppercase row"><strong class="title">Making RODAN - Godzilla King of the Monsters 2019 with Clay</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/makers" data-toggle="tooltip" title="Makers" > <span class="fas fa-graduation-cap"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 10</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-27" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/27/creating-a-skin-with-an-image-in-folioz?channelName=classcloud" title="Creating a skin with an image in Folioz"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_5ee3ed64cf9615.16114520/_YPTuniqid_5ee3ed64cf9615.16114520_thumbsV2.jpg?cache=16135008771650919267" alt="Creating a skin with an image in Folioz" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H10M38S">00:10:38</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/27/creating-a-skin-with-an-image-in-folioz?channelName=classcloud" title="Creating a skin with an image in Folioz" > <div class="text-uppercase row"><strong class="title">Creating a skin with an image in Folioz</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/folioz" data-toggle="tooltip" title="Folioz" > <span class="far fa-images"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 35</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-26" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/26/minecraft-working-rocket?channelName=MonsterToyGamer" title="Minecraft working rocket"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_5e9e08ea00f9a2.96756469/_YPTuniqid_5e9e08ea00f9a2.96756469_thumbsV2.jpg?cache=15874153111650919267" alt="Minecraft working rocket" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H1M45S">00:01:45</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/26/minecraft-working-rocket?channelName=MonsterToyGamer" title="Minecraft working rocket" > <div class="text-uppercase row"><strong class="title">Minecraft working rocket</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/misc" data-toggle="tooltip" title="Misc" > <span class="fa fa-folder"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 43</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/MonsterToyGamer"> <img src="https://videoz.ca/videos/userPhoto/photo4.png?cache=1551901677_1650919267" alt="Fane Photo" class="img img-responsive img-circle zoom"/> Fane </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-24" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/24/my-minecraft-creations---week-2?channelName=SuperCreeperStar" title="My Minecraft Creations - Week 2"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/MyMinecraftCreationsWeek2_5e9a1cbbe53360.11466332/MyMinecraftCreationsWeek2_5e9a1cbbe53360.11466332_thumbsV2.jpg?cache=16447054141650919267" alt="My Minecraft Creations - Week 2" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H7M49S">0:07:49</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/24/my-minecraft-creations---week-2?channelName=SuperCreeperStar" title="My Minecraft Creations - Week 2" > <div class="text-uppercase row"><strong class="title">My Minecraft Creations - Week 2</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/makers" data-toggle="tooltip" title="Makers" > <span class="fas fa-graduation-cap"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 85</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/SuperCreeperStar"> <img src="https://videoz.ca/videos/userPhoto/photo5.png?cache=1542831420_1650919267" alt="SuperCreeperStar Photo" class="img img-responsive img-circle zoom"/> SuperCreeperStar </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-23" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/23/minecraft-walkthrough-week-1?channelName=SuperCreeperStar" title="Minecraft Walkthrough - Week 1"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_5e8f6be7680964.61007502/_YPTuniqid_5e8f6be7680964.61007502_thumbsV2.jpg?cache=16446066581650919267" alt="Minecraft Walkthrough - Week 1" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H5M58S">0:05:58</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/23/minecraft-walkthrough-week-1?channelName=SuperCreeperStar" title="Minecraft Walkthrough - Week 1" > <div class="text-uppercase row"><strong class="title">Minecraft Walkthrough - Week 1</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/gaming" data-toggle="tooltip" title="Gaming" > <span class="fas fa-gamepad"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 100</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/SuperCreeperStar"> <img src="https://videoz.ca/videos/userPhoto/photo5.png?cache=1542831420_1650919267" alt="SuperCreeperStar Photo" class="img img-responsive img-circle zoom"/> SuperCreeperStar </a> </div> </div> </div> </div><div class="col-lg-12 col-sm-12 col-xs-12 bottom-border videoListItem" id="divVideo-19" style='' > <div class="col-lg-5 col-sm-5 col-xs-5 nopadding thumbsImage videoLink h6" > <div class="galleryVideo"> <a href="https://videoz.ca/video/19/what-is-mastodon?channelName=classcloud" title="What is Mastodon"> <img src="https://videoz.ca/view/img/loading-gif.png" data-src="https://videoz.ca/videos/_YPTuniqid_5d30dca9e73916.68023487/_YPTuniqid_5d30dca9e73916.68023487_thumbsV2.jpg?cache=15635614961650919267" alt="What is Mastodon" class="thumbsJPG img-responsive text-center rotate" height="130" /> </a> <time class="duration" datetime="PT0H0M1S">00:00:00</time> </div> <div class="progress" style="height: 3px; margin-bottom: 2px;"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width: Array%;" aria-valuenow="Array" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="col-lg-7 col-sm-7 col-xs-7 videosDetails"> <a href="https://videoz.ca/video/19/what-is-mastodon?channelName=classcloud" title="What is Mastodon" > <div class="text-uppercase row"><strong class="title">What is Mastodon</strong></div> </a> <div class="details row"> <div class="pull-left"> <a class="label label-default" href="https://videoz.ca/cat/streamz" data-toggle="tooltip" title="Streamz" > <span class="fas fa-cloud"></span> </a> </div> <div class="text-muted pull-right"><i class="fas fa-eye"></i> 98</div> </div> <div class="row" style="margin-top: 5px;"> <div class="videoCreatorSmall"> <a href="https://videoz.ca/channel/classcloud"> <img src="https://videoz.ca/videos/userPhoto/photo3.png?cache=1572552028_1650919267" alt="ClassCloud Canada Photo" class="img img-responsive img-circle zoom"/> ClassCloud Canada </a> </div> </div> </div> </div><ul class="pages"> </ul> <div class="loader" id="pageLoader" style="display: none;"></div> var isLoadingPage = 0; function setBootPage() { $('.pages').bootpag({ total: 3, page: 1, maxVisible: 10 }).on('page', function (event, num) { loadPage(num, false); }); } function loadPage(num, disableChannel) { if (isLoadingPage) { return false; } isLoadingPage = 1; $("#videosList").find('a').click(false); $("#videosList").addClass('transparent'); console.log(num); var page = '/page/1'; if (typeof num != 'undefined' && num != 'undefined') { page = '/page/' + num; } var query = ''; query = "?"; if (disableChannel) { query = ''; } var url = 'https://videoz.ca/video/making-your-own-stress-ball' + page + query; var urlList = "https://videoz.ca/videosList/video/making-your-own-stress-ball" + page + query; history.pushState(null, null, url); $('.pages').slideUp(); $('#pageLoader').fadeIn(); rowCount = $('#rowCount').val(); sortBy = $('#sortBy').val(); console.log(sortBy); if (sortBy == 'newest') { sortBy = {'created': 'desc'}; } else if (sortBy == 'oldest') { sortBy = {'created': 'asc'}; } else if (sortBy == 'views_count') { sortBy = {'views_count': 'desc'}; } else if (sortBy == 'titleAZ') { sortBy = {'title': 'asc'}; } else if (sortBy == 'titleZA') { sortBy = {'title': 'desc'}; } else { sortBy = {'likes': 'desc'}; } $.ajax({ type: "POST", url: urlList, data: { rowCount: rowCount, sort: sortBy, video_id: 11 } }).done(function (result) { $("#videosList").html(result); setBootPage(); $("#videosList").removeClass('transparent'); }); } $(document).ready(function () { setBootPage(); mouseEffect(); $('#rowCount, #sortBy').change(function () { num = $('#videosList').find('.pagination').find('li.active').attr('data-lp'); loadPage(num, false); }); if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { $('#rowCount, #sortBy').selectpicker('mobile'); } else { $('#rowCount, #sortBy').selectpicker(); } $('.thumbsJPG').lazy({ effect: 'fadeIn', visibleOnly: true, // called after an element was successfully handled afterLoad: function (element) { element.removeClass('blur'); element.parent().find('.thumbsGIF').lazy({ effect: 'fadeIn' }); } }); }); </div> <!--googleon: all--> <!-- End of videos List --> var fading = false; var autoPlaySources = []; var autoPlayURL = 'https://videoz.ca/video/9/bridging-between-university-and-school-practice-with-eportfolios?channelName=classcloud'; var autoPlayPoster = 'https://videoz.ca/videos/_YPTuniqid_5b43950a940545.88471360.jpg'; var autoPlayThumbsSprit = 'https://videoz.ca/videos/_YPTuniqid_5b43950a940545.88471360_thumbsSprit.jpg'; $(document).ready(function () { }); </div> </div> <div class="col-lg-1"></div> </div> </div> <!-- including video-js --> <div class="clearfix"></div> <footer style="position: fixed;bottom: 0;width: 100%; display: none;" id="mainFooter"> <ul class="list-inline"> <li> Powered by AVideo ® Platform v11.7 </li> </ul> </footer> $(function () { /** showAlertMessage **/ /** showAlertMessage END **/ }); <!-- new WOW().init(); --> <div id="pluginFooterCode" > window.SILVERMINE_VIDEOJS_CHROMECAST_CONFIG = { preloadWebComponents: true, }; /* getStartPlayerJS $prepareStartPlayerJS_onPlayerReady = "3", $prepareStartPlayerJS_getDataSetup = "1" */<!-- CustomizeUser Footer --> $(document).ready(function () { }); if ('mediaSession' in navigator) { navigator.mediaSession.metadata = new MediaMetadata({"title":"Making your own stress ball","artist":"SuperCreeperStar","album":"Makers","artwork":[{"src":"https:\/\/videoz.ca\/videos\/Makingyourownstressball720p_5bf598ad02e2a2.24542780\/Makingyourownstressball720p_5bf598ad02e2a2.24542780_96.jpg?cache=1651019093_1651019093","sizes":"96x96","type":"image\/jpg"},{"src":"https:\/\/videoz.ca\/videos\/Makingyourownstressball720p_5bf598ad02e2a2.24542780\/Makingyourownstressball720p_5bf598ad02e2a2.24542780_128.jpg?cache=1651019093_1651019093","sizes":"128x128","type":"image\/jpg"},{"src":"https:\/\/videoz.ca\/videos\/Makingyourownstressball720p_5bf598ad02e2a2.24542780\/Makingyourownstressball720p_5bf598ad02e2a2.24542780_192.jpg?cache=1651019093_1651019093","sizes":"192x192","type":"image\/jpg"},{"src":"https:\/\/videoz.ca\/videos\/Makingyourownstressball720p_5bf598ad02e2a2.24542780\/Makingyourownstressball720p_5bf598ad02e2a2.24542780_256.jpg?cache=1651019093_1651019093","sizes":"256x256","type":"image\/jpg"},{"src":"https:\/\/videoz.ca\/videos\/Makingyourownstressball720p_5bf598ad02e2a2.24542780\/Makingyourownstressball720p_5bf598ad02e2a2.24542780_384.jpg?cache=1651019093_1651019093","sizes":"384x384","type":"image\/jpg"},{"src":"https:\/\/videoz.ca\/videos\/Makingyourownstressball720p_5bf598ad02e2a2.24542780\/Makingyourownstressball720p_5bf598ad02e2a2.24542780_512.jpg?cache=1651019093_1651019093","sizes":"512x512","type":"image\/jpg"}]}); setActionHandlerIfSupported('play', function () { /* Code excerpted. */ player.play(); }); setActionHandlerIfSupported('pause', function () { /* Code excerpted. */ player.pause(); }); setActionHandlerIfSupported('stop', function () { /* Code excerpted. */ player.pause(); }); setActionHandlerIfSupported('seekbackward', function () { /* Code excerpted. */ player.currentTime(player.currentTime() - 5); }); setActionHandlerIfSupported('seekforward', function () { /* Code excerpted. */ player.currentTime(player.currentTime() + 5); }); setActionHandlerIfSupported('seekto', function () { /* Code excerpted. */ console.log('mediaSession seekto'); }); setActionHandlerIfSupported('previoustrack', function () { /* Code excerpted. */ try { player.playlist.previous(); } catch (e) { } }); setActionHandlerIfSupported('nexttrack', function () { /* Code excerpted. */ try { player.playlist.next(); } catch (e) { if (playNextURL) { playNext(playNextURL); } } }); setActionHandlerIfSupported('skipad', function () { /* Code excerpted. */ console.log('mediaSession skipad'); }); setPlaylistUpdate(); } function setPlaylistUpdate() { if (typeof player == 'undefined' || typeof player.playlist == 'undefined') { setTimeout(function () { setPlaylistUpdate(); }, 1000); return false; } console.log('setPlaylistUpdate'); player.on('playlistitem', function () { updateMediaSessionMetadata(); }); } function updateMediaSessionMetadata() { videos_id = 0; key = 0; live_servers_id = 0; live_schedule_id = 0; if (player.playlist) { index = player.playlist.currentIndex(); videos_id = playerPlaylist[index].videos_id; } else if (mediaId) { videos_id = mediaId; } else if (isLive) { key = isLive.key; live_servers_id = isLive.live_servers_id; live_schedule_id = isLive.live_schedule_id; } if (videos_id) { console.log('updateMediaSessionMetadata', videos_id); $.ajax({ url: webSiteRootURL + 'plugin/PlayerSkins/mediaSession.json.php', method: 'POST', data: { 'videos_id': videos_id, 'key': key, 'live_servers_id': live_servers_id, 'live_schedule_id': live_schedule_id, }, success: function (response) { navigator.mediaSession.metadata = new MediaMetadata(response); } }); } } function setActionHandlerIfSupported(action, func) { try { navigator.mediaSession.setActionHandler(action, func); } catch (e) { if (e.name != "TypeError") throw e; } } <!-- NextButton Footer Begin --> var autoPlayVideoURL="https://videoz.ca/video/9/bridging-between-university-and-school-practice-with-eportfolios?channelName=classcloud"; var videoJsId = "mainVideo"; <!-- NextButton Footer End --> <!-- SeekButton Footer Begin --> var playerSeekForward = 30; var playerSeekBack = 10;var forwardLayer = "<div id=\"forwardLayer\">\r\n <i class=\"fas fa-forward fa-5x\"><\/i>\r\n<\/div>\r\n";var backLayer = "<div id=\"backLayer\">\r\n <i class=\"fas fa-backward fa-5x\"><\/i>\r\n<\/div>\r\n";/* getStartPlayerJS $prepareStartPlayerJS_onPlayerReady = "2", $prepareStartPlayerJS_getDataSetup = "0" */ <!-- SeekButton Footer End --> <!-- Scheduler Footer Begin --> <!-- Scheduler Footer End --> <!-- Permissions Footer Begin --> <!-- Permissions Footer End --> <!-- Layout Footer Begin --> /*selected=en_US*/function getLangSelectformatStateResult (state) { if (!state.id) { return state.text; } if(state.text!==' -- '){ json = JSON.parse(state.text); var $state = $( '<span><i class="' + json.icon + '"></i>'+ ' - ' + json.text + '</span>' ); return $state; } return state.text; };function getLangFlagsOnlySelectformatStateResult (state) { if (!state.id) { return state.text; } if(state.text!==' -- '){ json = JSON.parse(state.text); var $state = $( '<span data-toggle="tooltip" title="' + json.text + '" ><i class="' + json.icon + '"></i></span>' ); return $state; } return state.text; }; $(document).ready(function() {$('#navBarFlag').select2({templateSelection: getLangFlagsOnlySelectformatStateResult, templateResult: getLangFlagsOnlySelectformatStateResult,width: '100%'});}); <!-- Layout Footer End --> <!-- VideoLandscapeFullscreen Footer Begin --> <!-- VideoLandscapeFullscreen Footer End --> <!-- Chromecast Footer Begin --> <!-- Chromecast Footer End --> <!-- FloatVideo Footer Begin --> function closeFloatVideo() { $('#videoContainer').fadeOut('fast', function () { // this is to remove the dragable and resize floatLeft = $("#videoContainer").css("left"); floatTop = $("#videoContainer").css("top"); floatWidth = $("#videoContainer").css("width"); floatHeight = $("#videoContainer").css("height"); $("#videoContainer").css({"top": ""}); $("#videoContainer").css({"left": ""}); $("#videoContainer").css({"height": ""}); $("#videoContainer").css({"width": ""}); $('#videoContainer').parent().css('height', ''); $('#videoContainer').removeClass('floatVideo'); $("#videoContainer").resizable('destroy'); $("#videoContainer").draggable('destroy'); $('#floatButtons').hide(); changingVideoFloat = 0; }); $('#videoContainer').fadeIn(); } function setFloatVideo() { if (!videoContainerDragged) { if (!floatLeft || parseInt(floatLeft) < 10 || parseInt(floatLeft) === 310) { floatLeft = "10px"; } if (parseInt(floatLeft) === 10 && youTubeMenuIsOpened) { floatLeft = "310px"; } $("#videoContainer").css({"left": floatLeft}); } if (!$('#videoContainer').hasClass("floatVideo") && !floatClosed) { $('#videoContainer').hide(); $('#videoContainer').addClass('floatVideo'); $('#videoContainer').parent().css('height', mainVideoHeight); if (parseInt(floatTop) < 70) { floatTop = "70px"; } $("#videoContainer").css({"top": floatTop}); $("#videoContainer").css({"height": floatHeight}); $("#videoContainer").css({"width": floatWidth}); $("#videoContainer").resizable({ aspectRatio: 16 / 9, minHeight: 150, minWidth: 266 }); $("#videoContainer").draggable({ handle: ".move", containment: ".principalContainer", drag: function () { videoContainerDragged = true; } }); changingVideoFloat = 0; $('#videoContainer').fadeIn(); $('#floatButtons').fadeIn(); } else { changingVideoFloat = 0; } } var setFloatVideoYouTubeMenuIsOpened; $(document).ready(function () { mainVideoHeight = $('#videoContainer').innerHeight(); $(window).resize(function () { mainVideoHeight = $('#videoContainer').innerHeight(); }); $(window).scroll(function () { if (changingVideoFloat) { return false; } changingVideoFloat = 1; var s = $(window).scrollTop(); //console.log("$(window).scrollTop()= " + s); //console.log("mainVideoHeight = $('#videoContainer').innerHeight()= " + mainVideoHeight); if (s > mainVideoHeight) { setFloatVideo(); } else { floatClosed = 0; if ($('#videoContainer').hasClass("floatVideo")) { closeFloatVideo(); } else { changingVideoFloat = 0; } } }); setInterval(function () { if (setFloatVideoYouTubeMenuIsOpened === youTubeMenuIsOpened || !$('#videoContainer').hasClass("floatVideo")) { return false; } setFloatVideoYouTubeMenuIsOpened = youTubeMenuIsOpened; setFloatVideo(); }, 1000); }); <!-- FloatVideo Footer End --> <!-- VideoTags Footer Begin --> <!-- VideoTags Footer End --> <!-- CustomizeUser Footer Begin --> <!-- CustomizeUser Footer End --> <!-- API Footer Begin --> <!-- API Footer End --> <!-- ReportVideo Footer Begin --> <!-- ReportVideo Footer End --> <!-- LoginLDAP Footer Begin --> <!-- LoginLDAP Footer End --> <!-- Cache Footer Begin --> <!-- Cache Footer End --> <!-- MobileManager Footer Begin --> <!-- MobileManager Footer End --> <!-- Gallery Footer Begin --> <!-- Gallery Footer End --> <!-- CustomizeAdvanced Footer Begin --> $(function () {setTimeout(function(){if(typeof $("#mainNavBar").autoHidingNavbar == "function"){$("#mainNavBar").autoHidingNavbar();}},5000);});$(function () { $("#mainNavBar").on("show.autoHidingNavbar", function () { if ($(window).scrollTop() < 10) { $("body").removeClass("nopadding"); } }); $("#mainNavBar").on("hide.autoHidingNavbar", function () { if ($(window).scrollTop() < 10) { $("body").addClass("nopadding"); } }); }); <!-- CustomizeAdvanced Footer End --> <!-- TheaterButton Footer Begin --> <!-- TheaterButton Footer End --> <!-- VideosStatistics Footer Begin --> <!-- VideosStatistics Footer End --> <!-- PlayerSkins Footer Begin --> <!-- playerSkin --><!-- functionGetSocialModal.php start --><div id="SharingModal66275938cae1b" class="modal fade" role="dialog" style="top: 60px;"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <center> <ul class="social-network social-circle"> <li class=""><a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar&title=Making your own stress ball" target="_blank" class="icoFacebook animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.1s; animation-delay: 0.1s;" title="Facebook" data-toggle="tooltip" ><i class="fab fa-facebook-square"></i></a></li><li class=""><a href="http://twitter.com/intent/tweet?text=Making your own stress ball+https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar" target="_blank" class="icoTwitter animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.2s; animation-delay: 0.2s;" title="Twitter" data-toggle="tooltip" ><i class="fab fa-twitter"></i></a></li><li class=""><a href="http://www.tumblr.com/share?v=3&u=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar"e=Making your own stress ball&s=" target="_blank" class="icoTumblr animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.3s; animation-delay: 0.3s;" title="Tumblr" data-toggle="tooltip" ><i class="fab fa-tumblr"></i></a></li><li class=""><a href="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar&description=" target="_blank" class="icoPinterest animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.4s; animation-delay: 0.4s;" title="Pinterest" data-toggle="tooltip" ><i class="fab fa-pinterest-p"></i></a></li><li class=""><a href="http://www.reddit.com/submit?url=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar&title=Making your own stress ball" target="_blank" class="icoReddit animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.5s; animation-delay: 0.5s;" title="Reddit" data-toggle="tooltip" ><i class="fab fa-reddit-alien"></i></a></li><li class=""><a href="http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar&title=Making your own stress ball&summary=&source=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar" target="_blank" class="icoLinkedIn animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.6s; animation-delay: 0.6s;" title="LinkedIn" data-toggle="tooltip" ><i class="fab fa-linkedin-in"></i></a></li><li class=""><a href="http://wordpress.com/press-this.php?u=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar"e=Making your own stress ball&s=" target="_blank" class="icoWordpress animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.7s; animation-delay: 0.7s;" title="Wordpress" data-toggle="tooltip" ><i class="fab fa-wordpress-simple"></i></a></li><li class=""><a href="https://pinboard.in/popup_login/?url=https%3A%2F%2Fvideoz.ca%2Fvideo%2F11%2Fmaking-your-own-stress-ball%3FchannelName%3DSuperCreeperStar&title=Making your own stress ball&description=" target="_blank" class="icoPinboard animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.8s; animation-delay: 0.8s;" title="Pinboard" data-toggle="tooltip" ><i class="fas fa-thumbtack"></i></a></li> <li> <a href="#" class="icoCopy animate__animated animate__bounceIn" style="-webkit-animation-delay: 0.9s; animation-delay: 0.9s;" title="Copy to Clipboard" data-toggle="tooltip" onclick="copyToClipboard('https://videoz.ca/v/11');$(this).closest('.modal').modal('hide');return false;" > <i class="far fa-copy"></i> </a> </li> </ul> <div style="margin-top: 10px;"> <div class="input-group"> <input id="66275938cba78" type="text" placeholder="" class="form-control" readonly="readonly" style="background-color: #EEE; color: #000;" value="https://videoz.ca/v/11" > <span class="input-group-addon" style="cursor: pointer;" id="copyToClipboard_66275938cba78" data-toggle="tooltip" data-placement="left" title="Copy to Clipboard"><i class="fas fa-clipboard"></i></span> </div> var timeOutCopyToClipboard_66275938cba78; $(document).ready(function () { $('#copyToClipboard_66275938cba78').click(function () { clearTimeout(timeOutCopyToClipboard_66275938cba78); $('#copyToClipboard_66275938cba78').find('i').removeClass("fa-clipboard"); $('#copyToClipboard_66275938cba78').find('i').addClass("text-success"); $('#copyToClipboard_66275938cba78').addClass('bg-success'); $('#copyToClipboard_66275938cba78').find('i').addClass("fa-clipboard-check"); timeOutCopyToClipboard_66275938cba78 = setTimeout(function () { $('#copyToClipboard_66275938cba78').find('i').removeClass("fa-clipboard-check"); $('#copyToClipboard_66275938cba78').find('i').removeClass("text-success"); $('#copyToClipboard_66275938cba78').removeClass('bg-success'); $('#copyToClipboard_66275938cba78').find('i').addClass("fa-clipboard"); }, 3000); copyToClipboard($('#66275938cba78').val()); }) }); </div> </center> </div> </div> </div> </div> function showSharing66275938cae1b() { if ($('#mainVideo').length) { $('#SharingModal66275938cae1b').appendTo("#mainVideo"); } else { $('#SharingModal66275938cae1b').appendTo("body"); } $('#SharingModal66275938cae1b').modal("show"); $('.modal-backdrop').hide(); return false; } $(document).ready(function () { $('#SharingModal66275938cae1b').modal({show: false}); }); <!-- functionGetSocialModal.php end -->function tooglePlayersocial(){showSharing66275938cae1b();}var originalVideo; var adTagOptions; var _adTagUrl = ''; var player; $(document).ready(function () { originalVideo = $('#mainVideo').clone(); /* prepareStartPlayerJS_onPlayerReady = 6, prepareStartPlayerJS_getDataSetup = 1 */ if (typeof player === 'undefined' && $('#mainVideo').length) { player = videojs('mainVideo',{errorDisplay: false,'playbackRates':[0.5, 1, 1.5, 2],controls: true,techOrder: ['chromecast', 'html5'], plugins: {chromecast: {}}}); } player.ready(function () {var err = this.error(); if (err && err.code) { $('.vjs-error-display').hide(); $('#mainVideo').find('.vjs-poster').css({'background-image': 'url(https://videoz.ca/plugin/Live/view/Offline.jpg)'}); } player.on('play', function () { addView(11, this.currentTime()); _addViewBeaconAdded = false; }); player.on('timeupdate', function () { var time = Math.round(this.currentTime()); playerCurrentTime = time; var url = 'https://videoz.ca/video/11/making-your-own-stress-ball?channelName=SuperCreeperStar'; if (url.indexOf('?') > -1) { url += '&t=' + time; } else { url += '?t=' + time; } $('#linkCurrentTime, .linkCurrentTime').val(url); if (time >= 5 && time % 1 === 0) { addView(11, time); }else{ addViewFromCookie(); addViewSetCookie(PHPSESSID, 11, time, seconds_watching_video); } }); player.on('ended', function () { var time = Math.round(this.currentTime()); addView(11, time); });playNextURL = 'https://videoz.ca/video/9/bridging-between-university-and-school-practice-with-eportfolios?channelName=classcloud';player.on('ended', function () {setTimeout(function(){if(playNextURL){playNext(playNextURL);}},playerHasAds()?10000:500);}); player.seekButtons({forward: playerSeekForward, back: playerSeekBack}); var trackDisplayTimeout; var showingSeekButton = true; function startTrackDisplay() { if ($(".vjs-text-track-display").length === 0) { setTimeout(function () { startTrackDisplay(); }, 500); } console.log("startTrackDisplay started"); $(".vjs-text-track-display").css('pointerEvents', "auto"); $(".vjs-text-track-display").dblclick(function (e) { e.preventDefault(); console.log("dbl click happen " + trackDisplayTimeout); clearTimeout(trackDisplayTimeout); const playerWidth = $("#mainVideo").width(); if (0.66 * playerWidth < e.offsetX) { $(forwardLayer).prependTo("#mainVideo"); setTimeout(function () { $("#forwardLayer i").addClass('active'); $('#forwardLayer').fadeOut('slow', function () { $('#forwardLayer').remove(); }); }, 100); player.currentTime(player.currentTime() + playerSeekForward); } else if (e.offsetX < 0.33 * playerWidth) { $(backLayer).prependTo("#mainVideo"); setTimeout(function () { $("#backLayer i").addClass('active'); $('#backLayer').fadeOut('slow', function () { $('#backLayer').remove(); }); }, 100); player.currentTime((player.currentTime() - playerSeekBack) < 0 ? 0 : (player.currentTime() - playerSeekBack)); } else { if (player.paused()) { player.play(); } else { player.pause(); } } }); $(".vjs-text-track-display").click(function (e) { e.preventDefault(); console.log("single click happen"); clearTimeout(trackDisplayTimeout); trackDisplayTimeout = setTimeout(function () { console.log("single click timeout"); if (player.paused()) { player.play(); } else { player.pause(); } }, 300); console.log("single click register " + trackDisplayTimeout); }); $( "<div id='seekBG'></div>" ).insertBefore( ".vjs-text-track-display" ); } startTrackDisplay(); player.chromecast(); if (player.getChild('controlBar').getChild('PictureInPictureToggle')) { player.getChild('controlBar').addChild('Theater', {}, getPlayerButtonIndex('PictureInPictureToggle') + 1); } else { player.getChild('controlBar').addChild('Theater', {}, getPlayerButtonIndex('fullscreenToggle') - 1); } var Button = videojs.getComponent('Button'); var socialButton = videojs.extend(Button, { //constructor: function(player, options) { constructor: function () { Button.apply(this, arguments); this.addClass('social-button'); this.controlText("social"); setTimeout(function(){avideoTooltip(".social-button","Share");},1000); }, handleClick: function () { console.log('socialButton clicked'); tooglePlayersocial(); } }); videojs.registerComponent('socialButton', socialButton); player.getChild('controlBar').addChild('socialButton', {}, getPlayerButtonIndex('fullscreenToggle') - 1); var Button = videojs.getComponent('Button'); var autoplayButton = videojs.extend(Button, { //constructor: function(player, options) { constructor: function () { Button.apply(this, arguments); this.addClass('autoplay-button'); this.controlText("autoplay"); setTimeout(function(){avideoTooltip(".autoplay-button","Autoplay");},1000); }, handleClick: function () { console.log('autoplayButton clicked'); if($('.autoplay-button').hasClass('checked')){ disableAutoPlay(); }else{ enableAutoPlay(); } } }); videojs.registerComponent('autoplayButton', autoplayButton); player.getChild('controlBar').addChild('autoplayButton', {}, getPlayerButtonIndex('fullscreenToggle') - 1); checkAutoPlay(); playerPlayIfAutoPlay(0); }); player.persistvolume({ namespace: 'AVideo' });var Button = videojs.getComponent('Button'); var LoopButton = videojs.extend(Button, { //constructor: function(player, options) { constructor: function () { Button.apply(this, arguments); this.addClass('loop-button'); if (!isPlayerLoop()) { this.addClass('loop-disabled-button'); } else { this.addClass('fa-spin'); } this.controlText("Loop"); }, handleClick: function () { tooglePlayerLoop(); } }); videojs.registerComponent('LoopButton', LoopButton); player.getChild('controlBar').addChild('LoopButton', {}, 0);var sourcesForAdsInterval = setInterval(function(){ setSourcesForAds(); },200); function setSourcesForAds(){ if(typeof player ==='undefined'){ return false; } if(typeof player.currentSources !== 'function'){ if(typeof player.currentSources === 'object'){ console.log('currentSources changed to function'); var sourcesForAds = player.currentSources; player.currentSources = function(){return sourcesForAds;}; console.log('currentSources', player.currentSources); } }else{ clearTimeout(sourcesForAdsInterval); setTimeout(function(){ setSourcesForAds(); },1000); } }}); <!-- PlayerSkins Footer End --> </div> <!-- Saved querys: 287 --><div class="info"><a href="https://videoz.ca" target="_blank" rel="noreferrer noopener" class="entity-name">Videoz</a> – A video sharing portal for k-12 students and teachers.<br/><a href="https://classcloud.ca/about/terms-and-conditions" class="legal" target="_blank" rel="noreferrer noopener">Legal notice</a> · <a href="https://classcloud.ca/about/privacy-policy" class="legal" target="_blank" rel="noreferrer noopener">Privacy policy</a> · <a href="https://classcloud.ca" class="legal" target="_blank" rel="noreferrer noopener">ClassCloud</a></div> var checkFooterTimout; $(function () { checkFooter(); $(window).scroll(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); $(window).resize(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); $(window).mouseup(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); }); function checkFooter() { $("#mainFooter").fadeIn(); if (getPageHeight() <= $(window).height()) { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 1000); $("#mainFooter").css("position", "fixed"); } else { $("#mainFooter").css("position", "relative"); } } function getPageHeight() { var mainNavBarH = 0; if ($('#mainNavBar').length) { mainNavBarH = $('#mainNavBar').height(); } var mainFooterH = 0; if ($('#mainFooter').length) { mainFooterH = $('#mainFooter').height(); } var containerH = getLargerContainerHeight(); return mainNavBarH + mainFooterH + containerH; } function getLargerContainerHeight() { var conteiners = $('body > .container,body > .container-fluid'); var height = 0; for (var item in conteiners) { if (isNaN(item)) { continue; } var h = $(conteiners[item]).height(); if (h > height) { height = h; } } return height; } <!-- v:11.7 --> var fading = false; </body> </html> <!-- Page Generated in 0.42351198196411 Seconds --> <!-- Cached Page Generated in 0.044793128967285 Seconds -->