html - 如何防止嵌入的视频链接到另一个网页

标签 html css video-streaming html5-video

我的网页上有一个不是来自 youtube 或 vimeo 的嵌入视频。我希望观众只能观看我网页上的视频。如何防止点击视频时链接到另一个网页?我使用了 pointer-events: none 的 CSS 属性来阻止视频链接到另一个网页,但现在视频不会在我的网页上播放。请帮忙。

<!DOCTYPE html>
<html>
<head>
<style>

iframe {
     pointer-events: none;
  }
</style>
</head>
<body>    
<iframe   src="http://flashservice.simplevideo.com/embedframe/18598" frameborder=0 width=510 height=400 scrolling=no allowfullscreen  ></iframe>   

</body>
</html>

最佳答案

iFrame 的 sandbox 属性应该是您正在寻找的。 例如:

<iframe src="http://flashservice.simplevideo.com/embedframe/18598"
frameborder=0 width=510 height=400 scrolling=no allowfullscreen 
sandbox="allow-same-origin allow-scripts"></iframe>

请注意,sandbox 属性充当白名单,因此不要为其提供 allow-popupsallow-top-navigation 权限,它不能打开新页面,也不能更改父网页!

关于html - 如何防止嵌入的视频链接到另一个网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38473007/

相关文章:

html - 我的页脚已经移动到页面的一半位置,我有不必要的滚动

jquery - 更大的可点击 block ,即 <div> 标签指向一个链接,同时在内部包含多个链接

javascript - 如何使用 MSE 在视频标签中播放 H.264 NAL 单元流?

javascript - 如何使用 VTT 文件在 VideoJS 中获取预览缩略图?

javascript - 在给定的时间后使 div 很好地消失

javascript - CSS更改动画持续时间而不跳转

html - 用 CSS 在圆圈中绘制半径线

html - 如何使带有背景图像的导航栏居中?

Css 媒体查询 - IE 7 未加载

java - 如何使用java从直播视频中获取视频链接?