对于某些业务,我需要在 IE11 中的 html 页面中播放 html5 视频,并将引荐来源元标记设置为no-referrer
这是我使用的代码示例
<html>
<head>
<meta charset=utf-8 />
<title>Test</title>
<meta name="referrer" content="no-referrer"/>
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
</head>
<body>
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268"
data-setup='{}'>
</video>
<script>
const player = videojs('my_video_1');
player.src({
src: 'http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8',
type: 'application/x-mpegURL'
});
</script>
</body>
</html>
如果删除引荐来源元标记,则视频播放正常。
我已经尝试了多个在 IE11 中工作的 html5 视频播放器,如果我添加那个标签,视频将无法播放。
即使 Youtube 的网站如果我在控制台中执行此代码
var meta = document.createElement('meta');
meta.name = "referrer";
meta.content = "no-referrer";
document.getElementsByTagName('head')[0].appendChild(meta);
所有视频都不起作用,我收到此错误