html5 (youtube)视频标签说明

Question

我需要在我的网站上托管一些视频。我在看youtube是怎么做到的，但我不明白视频来源。下面是youtube中的视频标签。源是一个斑点，为什么？url是什么意思？它怎麽工作?我怎么才能做同样的事情呢？

<div class="html5-video-container" data-layer="0">
    <video tabindex="-1" class="video-stream html5-main-video" 
    style="width: 640px; height: 360px; left: 0px; top: 0px; opacity: 1;" 
    src="blob:https://www.youtube.com/9effef84-87ae-43c0-abae-8005d399e1fd">
    </video>
</div>

提前谢谢你。

Answer 1

在火狐中使用MediaSource扩展(MSE) src将看起来像" MediaSource :https://www.youtube.com/9effef84-87ae-43c0-abae-8005d399e1fd“要使用MediaSource你需要将你的视频转换成mpeg-dash格式。这意味着视频将被分成几个文件。其中一个(元数据文件.mp4)将包含moov原子和其他(.m4s) moof和MDAT原子。您可以通过ffmpeg实现这一点，并使用xmlhttprequest或webSocket在浏览器中下载它。您也可以使用Blob作为一个小示例：

​

	xhr.open('GET', "http://localhost:1313/1.mp4", true);
	xhr.responseType = 'arraybuffer';
	xhr.onload = function(){
		file = new Blob([ new Uint8Array(xhr.response) ], {type: 'video/mp4'});
		document.querySelector("video").src = URL.createObjectURL(file);
		}
	xhr.send();

​