You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
3.9 KiB
62 lines
3.9 KiB
<div class="header-section">
|
|
<div class="banner-links">
|
|
<div>
|
|
<a class="return-action event-detail-return" href="<?php echo base_url(); ?>" ><img src="<?php echo auto_version(base_url('resources/images/frontoffice/icons/fleche.svg')); ?>"/> Tous les ateliers</a> <span class="text-white mx-1">/</span> <a class="current-page">Cours en Ligne</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="online-course-achat pb-5">
|
|
<div class="container">
|
|
<div class="video-achat-container">
|
|
<div id="video-viewer" class="mc-event-speaker"><?=$event->workshop_author?></div>
|
|
<div class="mc-event-title"><?=$event->title?></div>
|
|
|
|
<div class="video-header">
|
|
<div class="episode">Episode <span id="episode_number">1</span>: <span class="font-weight-bold" id="episode_title"><?=$event_videos[0]->title?></span></div>
|
|
<!-- <button class="play-video-btn">Lire a video</button> -->
|
|
</div>
|
|
<div class="video-container position-relative">
|
|
<!-- <img class="w-100" src="<?php echo auto_version(base_url('resources/images/frontoffice/card/Camille.png')); ?>" /> -->
|
|
<div class="embed-responsive embed-responsive-16by9" id="video-player">
|
|
<?php print_r(json_decode($event_videos[0]->embed));?>
|
|
</div>
|
|
<button id="pause-btn">Pause</button>
|
|
<div id="overlay-content-btn" class="mobile-overlay-video">
|
|
<div class="overlay-content">
|
|
<img class="mc-icon" src="<?php echo auto_version(base_url('resources/images/frontoffice/icons/icon-video.svg')); ?>" />
|
|
<!-- <div>Lire la bande-annonce</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="episodes-container">
|
|
<div class="mc-block-title">Tous les épisodes</div>
|
|
<div class="mc-block-subtitle"><?=$total_videos?> Leçons vidéo - <span class="font-weight-normal"><?=$total_videos_duration?> de cours</span></div>
|
|
|
|
<div class="episode-lists" id="episode-lists">
|
|
<?php
|
|
$counter = 0;
|
|
foreach($event_videos as $video) { $counter+=1;?>
|
|
<div class="episode-item">
|
|
<div class="episode-header">
|
|
<span class="video-title"><?=$counter?>. <?=$video->title?></span>
|
|
<span class="v-separator">|</span>
|
|
<span class="video-duration"><?=$video->duration?></span>
|
|
</div>
|
|
<p class="video-details">
|
|
<?=$video->description?>
|
|
</p>
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- <div class="ep-control-btn">
|
|
<button class="btn" onclick="video_player.playVideo(<?=$video->id?>, <?=$counter?>)" data-ep-num="<?=$counter?>">Lire la vidéo</button>
|
|
</div> -->
|
|
<!-- Sample video progress -->
|
|
<button class="control" id="control<?=$video->id?>" value="<?=$video->id?>" count="<?=$counter?>">Lire la vidéo</button>
|
|
<progress class="vid-progress-bar" id="<?=$video->id?>" value="0" max="0"> </progress>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
</div> <!--- END episode-lists -->
|
|
</div> <!--- END episode-container -->
|
|
</div> <!--- END video-achat-container -->
|
|
</div> <!--- END container -->
|
|
</div> <!--- END online-course-achat -->
|