我正在一个视频库工作，我需要播放来自不同来源的视频，如youtube。
当我在youtube视频上检查元素时，url看起来像什么。
blob:https://www.youtube.com/b3038e77-e79c-4e9f-b574-6f4e5d686b4c但是当我尝试在html 5视频中使用它时，它给了我各种各样的错误。我尝试了很多方法，但是没有一个是有效的。
Not allowed to load local resource: blobUncaught TypeError: Failed to set the 'srcObject' property on 'HTMLMediaElement': Failed toconvert value to 'MediaStream'. Uncaught TypeError: video.play is not a function
我的问题是，甚至可以播放第三方来源的视频。如果可以，你能给我提供任何工作的例子吗？
1条答案
按热度按时间z9smfwbn1#
如果没有代码示例，很难推断出错误，但我认为问题在这两个项目之间
1.第一个错误是指资源的来源类型，如果您必须测试直接从.html档案存取它的话。若要解决这个问题，您可以建立一个简单的服务器，以公开这些透过连接埠存取的档案，例如：localhost：8080/test.html。您可以使用节点http-server，并遵循these instructions来执行此作业。
1.其他2个错误是指正在加载的文件类型，像youtube，netflix这样的网站使用的播放器通常基于HLS或DASH，使用.mpd和.mp4文件（对于DASH）与.m3m8与.ts大多数浏览器本身并不支持这些文件。在这种情况下，你需要使用一个javascript播放器。有一些开源的解决方案，对于DASH，可以使用dash.js（here is a link with examples）;对于HLS，可以使用video.js（here is a link with example）
这里有一个关于DASH和HLS的解释https://www.dacast.com/pt/blog/mpeg-dash-vs-hls-what-you-should-know/#hls_vs._mpeg-dash