150 lines
6.8 KiB
PHP
Executable File
150 lines
6.8 KiB
PHP
Executable File
<script
|
|
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
|
|
crossorigin="anonymous"></script>
|
|
<link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />
|
|
|
|
<!-- END HEADER -->
|
|
|
|
<!-- CONTENT -->
|
|
<!-- Intro Section -->
|
|
<!-- <section class="inner-intro bg-img overlay-bg-color light-color parallax parallax-background">
|
|
<div class="container">
|
|
<div class="row title">
|
|
<h2 class="h2">Certified Secure Coder-PHP</h2> -->
|
|
<!-- <div class="page-breadcrumb"> <a>Home</a>/<span>About</span> </div> -->
|
|
<!-- </div>
|
|
</div>
|
|
</section> -->
|
|
<!-- Intro Section -->
|
|
<!-- Single page Section -->
|
|
<section class="courseCont ">
|
|
<div class="container">
|
|
<div class="innerCourse">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h2><?=$onboard_videos->video_title?></h2>
|
|
</div>
|
|
<div class="col-md-8 ">
|
|
<div class="courseLeft">
|
|
<div class="videogroup">
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<!-- <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/7YoLMG2qja4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
|
|
<video
|
|
id="my-video"
|
|
class="video-js embed-responsive-item"
|
|
controls
|
|
preload="auto"
|
|
width="640"
|
|
height="264"
|
|
poster="MY_VIDEO_POSTER.jpg"
|
|
data-setup='{ }'
|
|
>
|
|
|
|
<source src="<?php echo base_url().$onboard_videos->video_path."/".$onboard_videos->video_name; ?>" type='video/mp4'>
|
|
<p class="vjs-no-js">
|
|
To view this video please enable JavaScript, and consider upgrading to a
|
|
web browser that
|
|
<a href="https://videojs.com/html5-video-support/" target="_blank"
|
|
>supports HTML5 video</a
|
|
>
|
|
</p>
|
|
</video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vidbtn">
|
|
<a id="Proceed_button" class="btn more-btn read-more service_btn float-right mt-25" style="display:none" href="<?=base_url()?>onboarding/examRules/<?=$vid?>">Proceed</a>
|
|
</div>
|
|
<div class="vid-desc stb h2">
|
|
<h4>Description: </h4>
|
|
<p>
|
|
<?php echo $onboard_videos->description; ?>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 chat">
|
|
<?php $this->load->view('onboarding-chat',$data); ?>
|
|
</div>
|
|
|
|
</div>
|
|
<div>
|
|
<div class="col-md-8 ">
|
|
<?php //pre($quizQuestion); ?>
|
|
<?php foreach($quizQuestion as $que) { ?>
|
|
<?=$que['question']->question_text?>
|
|
<div class="container mt-5">
|
|
<div class="d-flex justify-content-center row">
|
|
<div class="col-md-10 col-lg-10">
|
|
<div class="border">
|
|
<div class="question bg-white p-3 border-bottom">
|
|
<div class="d-flex flex-row justify-content-between align-items-center mcq">
|
|
<h4>MCQ Quiz</h4><span>(5 of 20)</span>
|
|
</div>
|
|
</div>
|
|
<div class="question bg-white p-3 border-bottom">
|
|
<div class="d-flex flex-row align-items-center question-title">
|
|
<h3 class="text-danger">Q.</h3>
|
|
<h5 class="mt-1 ml-2">Which of the following country has largest population?</h5>
|
|
</div>
|
|
<div class="ans ml-2">
|
|
<label class="radio"> <input type="radio" name="brazil" value="brazil"> <span>Brazil</span>
|
|
</label>
|
|
</div>
|
|
<div class="ans ml-2">
|
|
<label class="radio"> <input type="radio" name="Germany" value="Germany"> <span>Germany</span>
|
|
</label>
|
|
</div>
|
|
<div class="ans ml-2">
|
|
<label class="radio"> <input type="radio" name="Indonesia" value="Indonesia"> <span>Indonesia</span>
|
|
</label>
|
|
</div>
|
|
<div class="ans ml-2">
|
|
<label class="radio"> <input type="radio" name="Russia" value="Russia"> <span>Russia</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-row justify-content-between align-items-center p-3 bg-white"><button class="btn btn-primary d-flex align-items-center btn-danger" type="button"><i class="fa fa-angle-left mt-1 mr-1"></i> previous</button><button class="btn btn-primary border-success align-items-center btn-success" type="button">Next<i class="fa fa-angle-right ml-2"></i></button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- FOOTER -->
|
|
|
|
<script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script>
|
|
<script>
|
|
var my_player = videojs("my-video",{
|
|
controlBar: {
|
|
fullscreenToggle: false,
|
|
volumePanel: false,
|
|
progressControl: false,
|
|
pictureInPictureToggle: false,
|
|
remainingTimeDisplay:false
|
|
},
|
|
userActions: {
|
|
doubleClick: false
|
|
}
|
|
}).ready(function(){
|
|
this.on("ended", function(){
|
|
// this.addEvent("ended", function(){
|
|
$("#Proceed_button").show();
|
|
});
|
|
// this.loop(true);
|
|
// this.muted(true);
|
|
// this.controls(false);
|
|
|
|
})
|
|
$(".getTime").click(function(){
|
|
$timePlay = $(".vjs-current-time-display").html();
|
|
$("#showTime").html($timePlay);
|
|
});
|
|
|
|
</script>
|