Browse Source

修改视频url由后端提供

dev
zxz 3 weeks ago
parent
commit
4e6f0ce250
  1. 17
      index.html

17
index.html

@ -871,19 +871,20 @@
<video
id="guideVideo"
controls=""
poster="https://hc.homilychart.com/hc/250121/img/106-1200x675.jpg"
poster=""
controlslist="nodownload"
class="w-full"
>
<source
src="https://hc.homilychart.com/hc/250121/img/homilylink-guide.mp4"
id="videoSource"
src=""
type="video/mp4"
/>
</video>
</div>
<div class="mt-6 flex flex-wrap items-center justify-between gap-4">
<div>
<p class="text-gray-600">时长: 02:14</p>
<p class="text-gray-600">时长: 01:46</p>
<p class="text-gray-500 text-sm mt-1">HomilyLink操作指南</p>
</div>
<div class="flex space-x-3">
@ -1042,7 +1043,7 @@
// 新增:讲座图片元素引用
const lectureImage = document.getElementById('lectureImage');
const videoSource = document.getElementById('videoSource');
// 防止重复提交标志
let isSubmitting = false;
@ -1089,16 +1090,22 @@
if (response.code === 200 && response.data) {
// 成功获取图片URL,更新图片src
lectureImage.src = response.data.img_url;
console.log('讲座图片加载成功:', response.data);
videoSource.src=response.data.video;
console.log('讲座图片,视频加载成功:', response.data);
guideVideo.load();
} else {
console.warn('获取图片失败:', response.msg);
// 使用默认的图片
lectureImage.src = 'https://hc.homilychart.com/hc/250121/img/kecheng.jpg';
videoSource.src='https://d31zlh4on95l9h.cloudfront.net/videos/1no5aclext0dg5bfaelqt084j6qbj5w1.mp4';
guideVideo.load();
}
} catch (error) {
console.error('加载讲座图片失败:', error);
// 出错时保持默认图片
lectureImage.src = 'https://hc.homilychart.com/hc/250121/img/kecheng.jpg';
videoSource.src='https://d31zlh4on95l9h.cloudfront.net/videos/1no5aclext0dg5bfaelqt084j6qbj5w1.mp4';
guideVideo.load();
}
}

Loading…
Cancel
Save