无法使用 <video> 加载 YouTube 视频在文本字段中输入 youtube url 的标签 [英] Unable to load youtube video using <video> tag where youtube url is inputted in textfield

查看：25
本文介绍了无法使用 <video> 加载 YouTube 视频在文本字段中输入 youtube url 的标签的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在开发一个模态窗口，它允许用户1.) 粘贴视频网址或2.) 从本地驱动器中选择一个文件，然后使用 html5 的 标签进行预览.

选项 2.) 在本地选择视频文件效果很好.但是，当我在输入文本字段上粘贴 youtube 视频 url 时，视频播放器显示加载指示器然后停止.您无法播放视频，并且似乎无法成功加载.

我检查了谷歌浏览器的检查器并收到此消息

<块引用>

跨域读取阻塞 (CORB) 阻止了跨域响应https://www.youtube.com/... 使用 MIME 类型 text/html.

我怀疑问题出在这一行.

$('#modalInput_pasteURL').on('input',function(e){var videoUrl = $('#modalInput_pasteURL').val().trim();$(".video").attr("src", videoUrl);});

我在研究时读到