Driving a hydrogen future | Daimler Truck AG & Volvo Group launch cellcentric 29 Apr 2021

<span>Full Stream</span> </div> </div> <div class="video-button" data-id="chapter1"> <div class="border-frame"> <img src=https://www.daimlertruck.com/en/events/details/"https://www.daimlertruck.com/fileadmin/user_upload/videos/cellcentric-launch/cellcentric-launch_1-CEO-TALK.jpg"> <span>CEO Talk</span> </div> </div> <div class="video-button" data-id="chapter2"> <div class="border-frame"> <img src=https://www.daimlertruck.com/en/events/details/"https://www.daimlertruck.com/fileadmin/user_upload/videos/cellcentric-launch/cellcentric-launch_2-CEO-QA.jpg"> <span>CEO Q&A</span> </div> </div> <div class="video-button" data-id="chapter3"> <div class="border-frame"> <img src=https://www.daimlertruck.com/en/events/details/"https://www.daimlertruck.com/fileadmin/user_upload/videos/cellcentric-launch/cellcentric-launch_3-KEYNOTES.jpg"> <span>Keynotes</span> </div> </div> <div class="video-button" data-id="chapter4"> <div class="border-frame"> <img src=https://www.daimlertruck.com/en/events/details/"https://www.daimlertruck.com/fileadmin/user_upload/videos/cellcentric-launch/cellcentric-launch_4-Panel-Dicussion.jpg"> <span>Panel Discussion</span> </div> </div> <div class="video-button" data-id="chapter5"> <div class="border-frame"> <img src=https://www.daimlertruck.com/en/events/details/"https://www.daimlertruck.com/fileadmin/user_upload/videos/cellcentric-launch/cellcentric-launch_5-Panel-QA.jpg"> <span>Panel Q&A</span> </div> </div> </div> <script type="text/javascript"> var videoButtons = document.querySelectorAll('.video-selection .video-button'); for (let i = 0; i < videoButtons.length; i++) { videoButtons[i].addEventListener('click', function() {videoSelection(videoButtons[i])} ); } function videoSelection(caller) { console.log(caller); var current = document.querySelector('.videos .video.active'); var target = caller.dataset.id; var iframe = current.querySelector('.embed-container iframe'); var video = current.querySelector('video'); console.log(current, target, iframe, video) if (iframe) { var iframeSrc = iframe.attr('src'); var iframeNew = '<iframe height="100%" width="100%" src=https://www.daimlertruck.com/en/events/details/"' + iframeSrc + '" type="text/html" allowfullscreen="true" allowtransparency="true" frameborder="0" scrolling="no"></iframe>'; iframe.remove(); sessionStorage.setItem("iframe", iframeNew); } if (video) { video.pause(); } document.querySelector('.videos .video.active').classList.remove('active'); document.getElementById(target).classList.add('active'); if (iframe && target == "full") { var iframeNew = sessionStorage.getItem("iframe"); document.querySelector('.embed-container').innerHTML = iframeNew; sessionStorage.clear(); } document.querySelector('.video-selection .video-button.active').classList.remove('active'); caller.classList.add('active'); } </script> <style type="text/css"> .videos .video { display: none; } .videos .video.active { display: block; } .video-selection { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% + 16px); margin-top: 8px; margin-left: -8px; margin-right: -8px; } .video-selection::after { content: ""; flex: auto; } .video-selection .video-button { width: 16.6666%; padding: 8px; } .video-selection .video-button .border-frame { border: 2px solid #fff; background-color: #f2f2f2; cursor: pointer; } .video-selection .video-button.active .border-frame { border: 2px solid #000; cursor: default; } .video-selection .video-button:hover .border-frame { border: 2px solid #c8c8c8; } .video-selection .video-button span { display: block; padding: 2px 4px; font-size: 0.8em; } @media only screen and (max-width:770px){ .video-selection .video-button { width: 25%; } } @media only screen and (max-width:400px){ .video-selection .video-button { width: 50%; } } </style>">