var showPleaseWaitTimeOut = 1000; #lds-67662feb4a1dfavideoLoader-wrapper { position: fixed; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000; margin: 0 !important; } #lds-67662feb4a1dfavideoLoader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -175px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #lds-67662feb4a1dfavideoLoader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #lds-67662feb4a1dfavideoLoader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } #lds-67662feb4a1dfavideoLoader-wrapper .lds-67662feb4a1dfavideoLoader-section { position: fixed; top: 0; width: 50%; height: 100%; background: #00000077; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } #lds-67662feb4a1dfavideoLoader-wrapper .lds-67662feb4a1dfavideoLoader-section.section-left { left: 0; } #lds-67662feb4a1dfavideoLoader-wrapper .lds-67662feb4a1dfavideoLoader-section.section-right { right: 0; } #lds-67662feb4a1dfavideoLoader-wrapper .lds-67662feb4a1dfavideoLoader-section.section-left { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } #lds-67662feb4a1dfavideoLoader-wrapper .lds-67662feb4a1dfavideoLoader-section.section-right { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } /* Loaded */ .loaded #lds-67662feb4a1dfavideoLoader-wrapper .lds-67662feb4a1dfavideoLoader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-67662feb4a1dfavideoLoader-wrapper .lds-67662feb4a1dfavideoLoader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-67662feb4a1dfavideoLoader { opacity: 0; } .loaded #lds-67662feb4a1dfavideoLoader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } var avideoLoader = '
';
var webSiteRootURL = 'https://videoz.ca/';
var player;
@font-face {
font-family: 'OpenSans';
font-style: normal;
font-weight: normal;
src: url('/videos/fonts/OpenSans-Regular.woff') format('woff'),url('/videos/fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'OpenSans';
font-style: normal;
font-weight: bold;
src: url('/videos/fonts/OpenSans-Bold.woff') format('woff'),url('/videos/fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'OpenSans';
font-style: italic;
font-weight: normal;
src: url('/videos/fonts/OpenSans-Italic.woff') format('woff'),url('/videos/fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
font-family: 'OpenSans';
font-style: italic;
font-weight: bold;
src: url('/videos/fonts/OpenSans-BoldItalic.woff') format('woff'),url('/videos/fonts/OpenSans-BoldItalic.ttf') format('truetype');
}
body{
background-image: url(/view/img/clouds.jpg);
background-attachment: fixed;
font-family:OpenSans;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
button.label.label-danger {display: none;}
html{font-family:OpenSans;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
.row.results.gallery {
background: white;
}
.navbar-brand>img {
width: 160px;
margin-top: 6px;
}
.list-group-item:first-child {
border-top-left-radius: 14px;
border-top-right-radius: 14px;
}
.img-thumbnail {
border-radius: 50px;
}
.videoLink div.details, .videoLink div.details div {
font-size: 1.0em;
padding-top: 3px;
}
.col-sm-10.col-sm-offset-1.list-group-item {
border-radius: 14px;
}
.btn-primary {
color: #fff;
background-color: #4489ff;
border-color: #4489ff;
}
.btn {
margin-bottom: 4px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background-color: #4489ff;
border-color: #4489ff;
}
.panel-heading {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
border-bottom: 0px solid transparent;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
font-size: large;
font-weight: bold;
font-variant-caps: titling-caps;
background-color: #f8f8f8;
}
.nav>li>a {
padding: 2px 15px;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
}
a#dislikeBtn {
display: none;
}
.label-success {
display: none;
}
var img1 = new Image();img1.src="https://videoz.ca/view/img/video-placeholder-gray.png"; var autoPlayAjax=false;var _adWasPlayed = 0;
/* if it is IE */
@media all and (-ms-high-contrast:none){
nav ul.items-container li:first-child {
display: block;
flex: 0 1 auto; /* Default */
}
}
#mysearch.in,
#mysearch.collapsing {
display: block!important;
}
#myNavbar.in,
#myNavbar.collapsing {
display: block!important;
}
#searchForm {
width: 100%;
margin-left: 5px;
white-space: nowrap;
}
#searchForm .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
#searchForm input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
}
#rightProfileButton{
padding: 0;
margin-left: 5px;
margin-right: 40px;
border: 0;
background: none;
background-color: transparent;
}
#rightLoginButton{
margin-left: 5px;
margin-right: 40px;
}
#navbarRegularButtons{
max-width: 70%;
/* remove the scroll because the dropsown menus does not work */
/*overflow-x: auto;*/
/*overflow-y: hidden;*/
}
#navbarRegularButtons span.hidden-mdx{
max-width: 15vw;
display: inline-block;
}
#navbarRegularButtons .btn{
overflow: hidden;
}
#navbarRegularButtons::-webkit-scrollbar {
height: 4px;
}
@media (max-width : 992px) {
#searchForm input{
width: 100px;
}
}
@media (max-width : 767px) {
#searchForm {
padding-left: 10px;
}
#rightLoginButton, #rightProfileButton{
margin-right: 5px;
margin-left: 0;
}
#searchForm > div{
width: 100%;
}
.mobilesecondnav {
position: absolute; left: 40%; right: 5px;
}
#mysearch{
/* width: 100%; */
position: absolute;
right: 0;
left: 0;
padding-left: 0px;
padding-right: 0px;
background-color: #FFF;
}
#myNavbar{
position: absolute;
right: 0;
top: 50px;
background-color: #FFF;
padding: 4px;
width: 50%;
}
#mainNavBar .navbar-brand{
width: 100% !important;
text-align: center;
}
#mainNavBar .navbar-brand>img {
display: unset;
}
#myNavbar ul.right-menus{
display: block;
}
#myNavbar ul.right-menus li{
margin: 0;
padding: 0;
}
#myNavbar ul.right-menus .btn, #myNavbar ul.right-menus .btn-group{
margin: 2px;
width: 100%;
}
#myNavbar ul.right-menus .btn-group{
margin: 0;
}
nav ul.items-container li:first-child {
display: list-item;
}
#navbarRegularButtons span.hidden-mdx {
max-width: 100vw;
}
.globalsearchfield {
width: 90% !important;
}
.searchli {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.searchdiv {
}
.navbar-toggle {
margin-right: 5px !important;
}
.left-side {
padding: 0 5px;
}
.searchul{
padding-left: 0px;
}
}
li.navsub-toggle .badge {
float: right;
}
li.navsub-toggle a + ul {
padding-left: 15px;
}
.navbar-lang-btn .select2-container{
margin: 8px 0;
}
.navbar-lang-btn .select2-selection{
border-color: #00000077 !important;
}
@media screen and (min-width: 992px) {
body.youtube>div.container-fluid{
margin-left: 300px;
}
body.youtube div.container-fluid .col-sm-10.col-sm-offset-1.list-group-item{
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
function YPTSidebarOpen() {
$("#sidebar").removeClass('animate__bounceOutLeft');
$("#sidebar").show();
$("#sidebar").addClass('animate__animated animate__bounceInLeft');
setTimeout(function () {
$('body').addClass('youtube');
}, 500);
youTubeMenuIsOpened = true;
}
function YPTSidebarClose() {
$("#sidebar").removeClass('animate__bounceInLeft');
$("#sidebar").addClass('animate__bounceOutLeft');
setTimeout(function () {
$('body').removeClass('youtube');
$("#sidebar").hide();
}, 500);
youTubeMenuIsOpened = false;
}
function YPTHidenavbar() {
if (typeof inIframe == 'undefined') {
setTimeout(function () {
YPTHidenavbar()
}, 500);
} else {
if (inIframe()) {
$("#mainNavBar").hide();
$("body").css("padding-top", "0");
}
}
}
$(document).ready(function () {
YPTHidenavbar(); $('#buttonMenu').on("click.sidebar", function (event) {
event.stopPropagation();
//$('#sidebar').fadeToggle();
if ($('body').hasClass('youtube')) {
YPTSidebarClose();
} else {
YPTSidebarOpen();
}
$('#myNavbar').removeClass("in");
$('#mysearch').removeClass("in");
});
/*
$(document).on("click.sidebar", function () {
YPTSidebarClose();
});
*/
$("#sidebar").on("click", function (event) {
event.stopPropagation();
});
$("#buttonSearch").click(function (event) {
$('#myNavbar').removeClass("in");
$("#sidebar").fadeOut();
});
$("#buttonMyNavbar").click(function (event) {
$('#mysearch').removeClass("in");
$("#sidebar").fadeOut();
});
var wasMobile = true;
$(window).resize(function () {
if ($(window).width() > 767) {
// Window is bigger than 767 pixels wide - show search again, if autohide by mobile.
if (wasMobile) {
wasMobile = false;
$('#mysearch').addClass("in");
$('#myNavbar').addClass("in");
}
}
if ($(window).width() < 767) {
// Window is smaller 767 pixels wide - show search again, if autohide by mobile.
if (wasMobile == false) {
wasMobile = true;
$('#myNavbar').removeClass("in");
$('#mysearch').removeClass("in");
}
}
});
});
var seachFormIsRunning = 0;
$(document).ready(function () {
setTimeout(function () {
$('.nav li.navsub-toggle a:not(.selected) + ul').hide();
var navsub_toggle_selected = $('.nav li.navsub-toggle a.selected');
navsub_toggle_selected.next().show();
navsub_toggle_selected = navsub_toggle_selected.parent();
var navsub_toggle_selected_stop = 24;
while (navsub_toggle_selected.length) {
if ($.inArray(navsub_toggle_selected.prop('localName'), ['li', 'ul']) == -1)
break;
if (navsub_toggle_selected.prop('localName') == 'ul') {
navsub_toggle_selected.show().prev().addClass('selected');
}
navsub_toggle_selected = navsub_toggle_selected.parent();
navsub_toggle_selected_stop--;
if (navsub_toggle_selected_stop < 0)
break;
}
}, 500);
$('.nav').on('click', 'li.navsub-toggle a:not(.selected)', function (e) {
var a = $(this),
b = a.next();
if (b.length) {
e.preventDefault();
a.addClass('selected');
b.slideDown();
var c = a.closest('.nav').find('li.navsub-toggle a.selected').not(a).removeClass('selected').next();
if (c.length)
c.slideUp();
}
});
$('#searchForm').submit(function (event) {
if (seachFormIsRunning) {
event.preventDefault();
return false;
}
seachFormIsRunning = 1;
var str = $('#searchFormInput').val();
if (isMediaSiteURL(str)) {
event.preventDefault();
console.log("searchForm is URL " + str);
seachFormPlayURL(str);
return false;
} else {
console.log("searchForm submit " + str);
document.location = webSiteRootURL + "?search=" + str;
}
});
});
function seachFormPlayURL(url) {
modal.showPleaseWait();
$.ajax({
url: webSiteRootURL + 'view/url2Embed.json.php',
method: 'POST',
data: {
'url': url
},
success: function (response) {
seachFormIsRunning = 0;
if (response.error) {
modal.hidePleaseWait();
avideoToast(response.msg);
} else {
if (typeof linksToEmbed === 'function') {
document.location = response.playEmbedLink;
} else
if (typeof flixFullScreen == 'function') {
flixFullScreen(response.playEmbedLink, response.playLink);
modal.hidePleaseWait();
} else {
document.location = response.playLink;
}
}
}
});
}
00:00:00
Bridging between university and school practice with eportfolios
Key ideas from 5 years of research digital portfolios in teacher education. Presentation considers how insights can help to inform the use of digital portfolios in schools.
1. Imagined audiences and digital networked learning
2. Digital literacy skills for thinking and representing
3. Peer-to-peer sharing and participatory pedagogy
4. Identity formation from competency-based connections cross course and life experience
Powered by AVideo ® Platform v11.7
$(function () {
/** showAlertMessage **/
/** showAlertMessage END **/ });
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;
}
$(document).ready(function () {
$container = $('.results').infiniteScroll({
path: '.pagination__next',
append: '.searchResult',
status: '.scroller-status',
hideNav: '.pagination',
});
$container.on('append.infiniteScroll', function (event, response, path, items) {
mouseEffect();
lazyImage();
});
mouseEffect();
lazyImage();
});