在没有jQuery的情况下,可以使用原生JavaScript来将播放事件绑定到通过AJAX加载的视频。
video
元素,使用document.createElement('video')
。video
元素的src
属性为获取到的视频URL。video
元素的loadeddata
事件,表示视频资源已加载完毕。loadeddata
事件的回调函数中,可以将播放事件绑定到video
元素上。以下是示例代码:
// 通过AJAX获取视频URL
var xhr = new XMLHttpRequest();
xhr.open('GET', 'video_url_endpoint', true);
xhr.onload = function() {
if (xhr.status === 200) {
var videoUrl = xhr.responseText;
// 创建video元素
var video = document.createElement('video');
// 设置video的src属性为获取到的视频URL
video.src = videoUrl;
// 监听loadeddata事件
video.addEventListener('loadeddata', function() {
// 在视频资源加载完成后,绑定播放事件
video.addEventListener('play', function() {
// 播放事件处理逻辑
});
});
}
};
xhr.send();
需要注意的是,上述示例代码仅展示了如何将播放事件绑定到AJAX加载的视频,实际应用中还需要处理播放器的控制、错误处理等其他逻辑。
推荐的腾讯云相关产品:由于不提及具体品牌商,无法给出腾讯云相关产品的介绍和链接地址。
领取专属 10元无门槛券
手把手带您无忧上云