时间戳

首页 > 解决方案 > 如何在 HTML5 视频中打开 blob:url

html - 如何在 HTML5 视频中打开 blob:url

问题描述

所以我想将另一个网站的 HTML5 Video 对象添加到我的网站。在某些网站上，我可以只从 src 复制 URL，但在某些网站上，我不能 - 因为 blob。我试图复制整个对象，但它在我的网站上什么也没显示。我在一个网站上试过这个，它可以让你访问很多电视频道和电影（合法），我注意到他们使用了经典的 HTML5 视频播放器，所以我想我可以将它嵌入到我的网站中。我在其他网站上这样做了——我什至可以左键单击视频对象并单击“在新选项卡中打开视频”，然后我可以从那里复制视频对象。但在这个网站上，该选项已淡出，但有一个“演员”选项。这是来自网站的视频对象：

<video data-v-6c3a6820="" id="player" width="1366" height="768" crossorigin="anonymus" class="video-js vjs-default-skin vjs-big-play-centered" data-viblast-key="d6293ad219a4af6550b20f07e66451d72d53c9a3ca77413f2eb2bd3c0b947827df882f2913d340fb42195b89764dd8db49ffb3ba29d41708" data-viblast-src="https://sbb-bg-ku-h1-35.ug-be.cdn.united.cloud/stream?i=dBYjXstwR9iFl6QFDTk5RA&amp;a=4IfyeulCQOI0ox6iM05xTU7I77AJV196e3vMhwvZao19ijsvI0wc_g8lAYTyZuZYqiRxSiyFAntLl91PHmdZsc9NJVntuPghZ5s03ktRfMlpV7Gv3YPbDXNz-DKEMMems9PkKqRKugkDdnj8bcZSCcpMSWFyYCyXkI_ZIpikT6reNFualp09uiT5dQQlbCKd1C8mWxOAo6tF9pTYVC2hVckzX4cni5rj2-Kh7taIT7zAOEHIiRW4GnldTY83w5aOxMpSfY00pD9SX0xmyxMyW_9HUsecpBSX3s1kt-v9ekiQddiO2D98DwklA3OVLkDlE36YNLr1zoQR21ilMLes4jz70Ti9ycUJs4jaOE2w9kuKzixbx6_oH5nqXsebppWc&amp;sp=sbb&amp;u=2kfu9hq2ibxxyxr&amp;player=m3u8v&amp;session=ebcae820-2cd6-45be-92ef-1e5b6c6ee6a5" src="blob:https://eon.tv/01051a85-367f-4ca0-9b53-03c615f8436e"><p data-v-6c3a6820="" class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a data-v-6c3a6820="" href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p></video>

标签： htmlhtml5-video

解决方案

Blob URL 来自 JavaScript，很可能是使用 MediaSource Extensions 的源。JavaScript 可以检索视频（通常采用 DASH 或 HLS 格式）并在视频标签播放时附加内容。

您应该查看开发人员工具中的网络选项卡，以找到 DASH 清单 URL 或 HLS 播放列表 URL。

推荐阅读