|
|
@@ -78,15 +78,15 @@
|
78
|
78
|
<div class="video_wrapper">
|
79
|
79
|
<video id="video" width="100%" height="100%" autoplay controls x-webkit-airplay="true" webkit-playsinline="" playsinline="true" preload="none" poster="" src="{{ video_default.course_video_url }}" data-cursrc="1"></video>
|
80
|
80
|
<div class="video_text">
|
81
|
|
- <div class="course_video_name">{{ video_default.course_video_name }}</div>
|
82
|
|
- <div class="course_video_desc">{{ video_default.course_video_desc }}</div>
|
|
81
|
+ <div class="course_video_name" id="video_name">{{ video_default.course_video_name }}</div>
|
|
82
|
+ <div class="course_video_desc"><div id="video_desc">{{ video_default.course_video_desc }}</div><div><a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI2NzcwMzY3OQ==&scene=124#wechat_redirect">更多育儿知识请关注微信公众账号:兰海说成长</a></div></div>
|
83
|
83
|
</div>
|
84
|
84
|
</div>
|
85
|
85
|
|
86
|
86
|
<div class="video_select">
|
87
|
87
|
<div class="video_select_text">选择视频</div>
|
88
|
88
|
{% for video in videos %}
|
89
|
|
- <div id="video{{ forloop.counter }}" class="video_select_item {% ifequal forloop.counter 1 %}video_selected{% endifequal %}" data-src="{{ video.course_video_url }}">
|
|
89
|
+ <div id="video{{ forloop.counter }}" class="video_select_item {% ifequal forloop.counter 1 %}video_selected{% endifequal %}" data-src="{{ video.course_video_url }}" data-name="{{ video.course_video_name }}" data-desc="{{ video.course_video_desc }}">
|
90
|
90
|
<p class="video_select_item_inner">{{ video.course_video_type }}</p>
|
91
|
91
|
</div>
|
92
|
92
|
{% endfor %}
|
|
|
@@ -103,6 +103,8 @@
|
103
|
103
|
$('.video_select_item').removeClass('video_selected');
|
104
|
104
|
$this.addClass('video_selected');
|
105
|
105
|
$('#video').attr('src', $this.attr('data-src'));
|
|
106
|
+ $('#video_name').text($this.attr('data-name'));
|
|
107
|
+ $('#video_desc').text($this.attr('data-desc'));
|
106
|
108
|
})
|
107
|
109
|
|
108
|
110
|
$('#video')[0].onended = function() {
|
|
|
@@ -112,6 +114,8 @@
|
112
|
114
|
}
|
113
|
115
|
var next_video = $('#video' + (parseInt(curscr) + 1));
|
114
|
116
|
$('#video').attr('src', next_video.attr('data-src'));
|
|
117
|
+ $('#video_name').text(next_video.attr('data-name'));
|
|
118
|
+ $('#video_desc').text(next_video.attr('data-desc'));
|
115
|
119
|
$('.video_select_item').removeClass('video_selected');
|
116
|
120
|
next_video.addClass('video_selected');
|
117
|
121
|
};
|