%PDF- %PDF-
Direktori : /home/jalalj2hb/public_html/elearning/application/views/lessons/ |
Current File : /home/jalalj2hb/public_html/elearning/application/views/lessons/course_content_body.php |
<div class="col-lg-9 order-md-1 course_col" id = "video_player_area"> <!-- <div class="" style="background-color: #333;"> --> <div class="" style="text-align: center;"> <?php $lesson_details = $this->crud_model->get_lessons('lesson', $lesson_id)->row_array(); $lesson_thumbnail_url = $this->crud_model->get_lesson_thumbnail_url($lesson_id); $opened_section_id = $lesson_details['section_id']; // If the lesson type is video // i am checking the null and empty values because of the existing users does not have video in all video lesson as type if($lesson_details['lesson_type'] == 'video' || $lesson_details['lesson_type'] == '' || $lesson_details['lesson_type'] == NULL): $video_url = $lesson_details['video_url']; $provider = $lesson_details['video_type']; ?> <!-- If the video is youtube video --> <?php if (strtolower($provider) == 'youtube'): ?> <!------------- PLYR.IO ------------> <link rel="stylesheet" href="<?php echo base_url();?>assets/global/plyr/plyr.css"> <div class="plyr__video-embed" id="player"> <iframe height="500" src="<?php echo $video_url;?>?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe> </div> <script src="<?php echo base_url();?>assets/global/plyr/plyr.js"></script> <script>const player = new Plyr('#player');</script> <!------------- PLYR.IO ------------> <!-- If the video is vimeo video --> <?php elseif (strtolower($provider) == 'vimeo'): $video_details = $this->video_model->getVideoDetails($video_url); $video_id = $video_details['video_id'];?> <!------------- PLYR.IO ------------> <link rel="stylesheet" href="<?php echo base_url();?>assets/global/plyr/plyr.css"> <div class="plyr__video-embed" id="player"> <iframe height="500" src="https://player.vimeo.com/video/<?php echo $video_id; ?>?loop=false&byline=false&portrait=false&title=false&speed=true&transparent=0&gesture=media" allowfullscreen allowtransparency allow="autoplay"></iframe> </div> <script src="<?php echo base_url();?>assets/global/plyr/plyr.js"></script> <script>const player = new Plyr('#player');</script> <!------------- PLYR.IO ------------> <!-- If the video is Amazon S3 video --> <?php elseif (strtolower($provider) == 'amazon'):?> <!------------- PLYR.IO ------------> <link rel="stylesheet" href="<?php echo base_url();?>assets/global/plyr/plyr.css"> <video poster="<?php echo $lesson_thumbnail_url;?>" id="player" playsinline controls> <?php if (get_video_extension($video_url) == 'mp4'): ?> <source src="<?php echo $video_url; ?>" type="video/mp4"> <?php elseif (get_video_extension($video_url) == 'webm'): ?> <source src="<?php echo $video_url; ?>" type="video/webm"> <?php else: ?> <h4><?php get_phrase('video_url_is_not_supported'); ?></h4> <?php endif; ?> </video> <script src="<?php echo base_url();?>assets/global/plyr/plyr.js"></script> <script>const player = new Plyr('#player');</script> <!------------- PLYR.IO ------------> <!-- If the video is Amazon S3 video --> <!-- If the video is self uploaded video --> <?php elseif (strtolower($provider) == 'system'):?> <!------------- PLYR.IO ------------> <link rel="stylesheet" href="<?php echo base_url();?>assets/global/plyr/plyr.css"> <video poster="<?php echo $lesson_thumbnail_url;?>" id="player" playsinline controls> <?php if (get_video_extension($video_url) == 'mp4'): ?> <source src="<?php echo $video_url; ?>" type="video/mp4"> <?php elseif (get_video_extension($video_url) == 'webm'): ?> <source src="<?php echo $video_url; ?>" type="video/webm"> <?php else: ?> <h4><?php get_phrase('video_url_is_not_supported'); ?></h4> <?php endif; ?> </video> <script src="<?php echo base_url();?>assets/global/plyr/plyr.js"></script> <script>const player = new Plyr('#player');</script> <!------------- PLYR.IO ------------> <!-- If the video is self uploaded video --> <?php else :?> <!------------- PLYR.IO ------------> <link rel="stylesheet" href="<?php echo base_url();?>assets/global/plyr/plyr.css"> <video poster="<?php echo $lesson_thumbnail_url;?>" id="player" playsinline controls> <?php if (get_video_extension($video_url) == 'mp4'): ?> <source src="<?php echo $video_url; ?>" type="video/mp4"> <?php elseif (get_video_extension($video_url) == 'webm'): ?> <source src="<?php echo $video_url; ?>" type="video/webm"> <?php else: ?> <h4><?php get_phrase('video_url_is_not_supported'); ?></h4> <?php endif; ?> </video> <script src="<?php echo base_url();?>assets/global/plyr/plyr.js"></script> <script>const player = new Plyr('#player');</script> <!------------- PLYR.IO ------------> <?php endif; ?> <?php elseif ($lesson_details['lesson_type'] == 'quiz'): ?> <div class="mt-5"> <?php include 'quiz_view.php'; ?> </div> <?php else: ?> <?php if ($lesson_details['attachment_type'] == 'iframe'): ?> <div class="mt-5"> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="<?php echo $lesson_details['attachment']; ?>" allowfullscreen></iframe> </div> </div> <?php else: ?> <div class="mt-5"> <a href="<?php echo base_url().'uploads/lesson_files/'.$lesson_details['attachment']; ?>" class="btn btn-sign-up" download style="color: #fff;"> <i class="fa fa-download" style="font-size: 20px;"></i> <?php echo get_phrase('download').' '.$lesson_details['title']; ?> </a> </div> <?php endif; ?> <?php endif; ?> </div> <div class="" style="margin: 20px 0;" id = "lesson-summary"> <div class="card"> <div class="card-body"> <h5 class="card-title"><?php echo $lesson_details['lesson_type'] == 'quiz' ? get_phrase('instruction') : get_phrase("note"); ?>:</h5> <?php if ($lesson_details['summary'] == ""): ?> <p class="card-text"><?php echo $lesson_details['lesson_type'] == 'quiz' ? get_phrase('no_instruction_found') : get_phrase("no_summary_found"); ?></p> <?php else: ?> <p class="card-text"><?php echo $lesson_details['summary']; ?></p> <?php endif; ?> </div> </div> </div> </div>