@haquangchi
Use "Execute On Every Page Load In Browser" and try below code
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.addedNodes && mutation.addedNodes.length > 0) {
var videos = mutation.target.querySelectorAll('video');
videos.forEach(function(video) {
var sources = video.querySelectorAll('source');
sources.forEach(function(source) {
var src = source.src;
var type = source.type;
var audio = document.createElement('audio');
audio.setAttribute('src', src);
audio.setAttribute('type', type);
audio.setAttribute('controls', 'controls');
video.parentNode.insertBefore(audio, video);
});
video.style.display = 'none';
});
}
});
});
document.addEventListener('DOMContentLoaded', function() {
var videos = document.querySelectorAll('video');
videos.forEach(function(video) {
var sources = video.querySelectorAll('source');
sources.forEach(function(source) {
var src = source.src;
var type = source.type;
var audio = document.createElement('audio');
audio.setAttribute('src', src);
audio.setAttribute('type', type);
audio.setAttribute('controls', 'controls');
video.parentNode.insertBefore(audio, video);
});
video.style.display = 'none';
});
var targetNode = document.body;
var config = { childList: true, subtree: true };
observer.observe(targetNode, config);
});
