js动态添加audio 和 video 并去掉下载功能

221 阅读1分钟

动态添加一个audio,并禁止下载

// 创建 <audio> 元素 
var audio = $('<audio></audio>'); 
// 设置音频文件的URL 
audio.attr('src', file_src); 
// 添加 controls 属性以显示音频控件 
audio.attr('controls', 'controls'); 
// 禁止下载选项 
audio[0].controlsList.add('nodownload'); 
// 将音频元素添加到页面中的某个容器 
$('.file').empty().append(audio);

动态添加一个video,并禁止下载

// 创建 <video> 元素 
var video = $('<video>', { 
    id: 'myVideo', 
    controls: 'controls', 
    // 显示播放控件 
    width: 640, 
    height: 480
}); 
// 添加 <source> 元素指定MP4文件 
video.append($('<source>').attr({ 
    src: file_src, 
    type: 'video/mp4' 
})); 
// 禁止下载选项 
video[0].controlsList.add('nodownload');
// 将 video 元素添加到页面 
$('.file').empty().append(video);