我如何在自己的 html 播放器中以音频格式播放 youtube 视频

Posted

技术标签:

【中文标题】我如何在自己的 html 播放器中以音频格式播放 youtube 视频【英文标题】:How i play youtube video in audio format in own html player 【发布时间】:2020-08-09 14:32:06 【问题描述】:

嗨朋友们,当我点击播放按钮然后 youtube 视频以音频格式播放时,我需要 html 中的音频播放器来播放 youtube 视频,请帮助我

<video controls="true">
    <source src="https://www.youtube.com/watch?v=B0QEU9gxapk" type="video/mp4" />
</video>

<script>
videos = document.querySelectorAll("video");
for (var i = 0, l = videos.length; i < l; i++) 
    var video = videos[i];
    var src = video.src || (function () 
        var sources = video.querySelectorAll("source");
        for (var j = 0, sl = sources.length; j < sl; j++) 
            var source = sources[j];
            var type = source.type;
            var isMp4 = type.indexOf("mp4") != -1;
            if (isMp4) return source.src;
        
        return null;
    )();
    if (src) 
        var isYoutube = src && src.match(/(?:youtu|youtube)(?:\.com|\.be)\/([\w\W]+)/i);
        if (isYoutube) 
            var id = isYoutube[1].match(/watch\?v=|[\w\W]+/gi);
            id = (id.length > 1) ? id.splice(1) : id;
            id = id.toString();
            var mp4url = "http://www.youtubeinmp4.com/redirect.php?video=";
            video.src = mp4url + id;
        
    

</script>

【问题讨论】:

【参考方案1】:

这行不通。 YouTube 可以防止此类篡改,它有广告、嵌入允许/不允许的设置等。因此,如果它是您的 YouTube 视频,您宁愿提取音频并像音频一样使用它。

【讨论】:

以上是关于我如何在自己的 html 播放器中以音频格式播放 youtube 视频的主要内容,如果未能解决你的问题,请参考以下文章

如何在 HTML5 中实现一个简单的音频播放列表

HTML Audio 元素可以播放错误的音频格式

是否有可嵌入 HTML 的音频播放器阻止下载它播放的音频?

如何构建我自己的嵌入式音频播放器//不是纯 Flash [关闭]

自动播放 HTML 格式的音频和视频文件

将音频作为麦克风输入播放