Physik im Einsatz für Medizin und Gesundheit – Neue Wege in der medizinischen Bildgebung - Prof. Dr. Florian Grüner, Prof. Dr. Annette Eschenbach - Universität Hamburg
Videokatalog
707 Aufrufe
24.04.2024
Physik im Einsatz für Medizin und Gesundheit – Neue Wege in der medizinischen Bildgebung
Weniger
'
}
);
$('li.chaptertile').click(event => {
player.currentTime(timeToSeconds($(event.currentTarget).attr('data-begin')))
document.getElementById('headline').scrollIntoView();
if(player.paused()) {
player.play();
}
});
$("#tabs .nav-item").tab().click(function() {
$("#tabs .nav-item a").attr("aria-selected","false");
$(this).find("a").attr("aria-selected","true");
});
$("#my-tab-content .panel-header").click(function() {
if ($(this).attr("aria-expanded") == "false") {
$(this).attr("aria-expanded", "true");
} else {
$(this).attr("aria-expanded", "false");
}
});
$("#tabs .nav-item").keydown(function(e) {
var $tabs = $('#tabs .nav-link');
var selected = $tabs.index($tabs.filter(':focus'));
var next = selected + 1;
var pre = selected - 1;
if(pre < 0)
pre = 0;
if(next > $tabs.length)
next = $tabs.length;
if(e.which == 37) { // left
$tabs.eq(pre).focus();
}
if(e.which == 39) { // right
$tabs.eq(next).focus();
}
if(e.which == 13) { // enter
$tabs.attr("tabindex", -1);
$('#tabs .nav-link:focus').attr("tabindex", 0);
}
});
$("#my-tab-content .panel-header").attr("aria-expanded","false");
let timeout;
let resizeCallback = function(e){
clearTimeout(timeout);
timeout = setTimeout(calculateSidebarHeight, 150);
}
const calculateSidebarHeight = () => {
const videoHeight = Math.round($("#l2g-player video").height())
const hasPerspectives = $("#perspective-videos").length > 0
$("#perspectives-mobile-anchor>#perspective-wrapper").remove()
$("#perspective-wrapper").show({duration: 0})
$("#perspective-videos").show({duration: 0})
if(hasPerspectives) {
$("#perspective-videos").attr("style", `max-height: ${videoHeight}px; overflow: auto;`)
} else {
$("#perspective-wrapper").attr("style", `max-height: ${videoHeight}px; overflow: auto;`)
}
}
MQS.add({
ref: 'relatedVideosBig',
mediaQuery: '(min-width: 768px)',
action: () => {
calculateSidebarHeight()
$(window).on("resize", resizeCallback)
}
})
MQS.add({
ref: 'relatedVideosSmall',
mediaQuery: '(max-width: 767px)',
action: () => {
clearTimeout(timeout)
$(window).off("resize")
const perspectiveVideos = $("#perspective-videos")
const perspectiveWrapper = $("#perspective-wrapper")
perspectiveVideos.css("max-height", '').css("overflow", '').css("height", "")
$("#perspectives-mobile-anchor").append(perspectiveWrapper.clone())
perspectiveWrapper.hide({duration: 0})
}
})
}
);
function forwardRelatedVideo(navUrl) {
window.location = navUrl;
}
const perspectiveVideoTiles = document.querySelectorAll('#perspective-videos .videotile');
function switchPerspectiveVideo(playerUris, perspectiveId) {
const player = videojs.getPlayer("l2g-player");
changeVideoSource(player, playerUris);
changeVideoPoster(player, '');
perspectiveVideoTiles.forEach(item => item.classList.remove('active'));
const activePerspective = document.getElementById(perspectiveId);
if (activePerspective) {
activePerspective.classList.add('active');
}
}
// on mobile view, tabs are changed to accordions, this needs some changes to be still accessible
MQS.add({
ref: 'desktopVideoDetails',
mediaQuery: '(min-width: 768px)',
action: () => {
$("#my-tab-content .tab-pane").attr("tabindex", "0");
$("#my-tab-content .tab-pane").attr("role","tabpanel");
$("#my-tab-content .tab-pane").each(function() {
const buttonId = $(this).attr("id")+"-tab-button";
$(this).attr("aria-labelledby", buttonId);
});
$("#my-tab-content a.panel-header").removeAttr("role");
$("#my-tab-content a.panel-header").removeAttr("aria-labelledby");
$("#my-tab-content a.panel-header").removeAttr("style");
}
});
MQS.add({
ref: 'mobileVideoDetails',
mediaQuery: '(max-width: 767px)',
action: () => {
$("#my-tab-content .tab-pane").attr("tabindex", "-1");
$("#my-tab-content .tab-pane").removeAttr("role");
$("#my-tab-content .tab-pane").removeAttr("aria-labelledby");
$("#my-tab-content a.panel-header").attr("role", "region");
$("#my-tab-content a.panel-header").each(function() {
const buttonId = $(this).attr("id").replace("Content","Button");
$(this).attr("aria-labelledby", buttonId);
});
}
});