我想将 iFrame 部分的形状从矩形更改为我自己的自定义形状：
<html>
<body>
<p>dfsdfsdf</p>
<iframe src="http://forum.jquery.com/topic/jquery-mobile-and-iframes-to-load-external-websites">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
我怎样才能做到这一点？
iframes总是矩形的。没有办法改变它。
一般来说，尽管您可能希望将透明度、z-index 和绝对定位视为一种可能的解决方法，具体取决于您希望实现的目标。
我同意 iframe 通常是常规的，但您始终可以从一些 java 脚本和 CSS 框架中获得帮助来修改您的 iframe 属性。
例如这个学习网站将提供更多关于如何使用 j-query 库来修改 iframe 的详细信息。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="src/jquery.youtubebackground.js"></script>
````````````````````````````````````````````````````````````````````````````````````````````````````
<div id="video"></div>
$('#video').YTPlayer({
fitToBackground: true,
videoId: 'LSmgKRx5pBo'
});
#video{
position: relative;
background: transparent;
}
.ytplayer-container{
position: absolute;
top: 0;
z-index: -1;
}
任何 youtube 选项都必须放在 playerVars 对象中。
$('#video').YTPlayer({
fitToBackground: true,
videoId: 'LSmgKRx5pBo'
playerVars: {
modestbranding: 0,
autoplay: 1,
controls: 1,
showinfo: 0,
branding: 0,
rel: 0,
autohide: 0,
start: 59
}
});
使用播放器访问 YouTube 的所有 API 事件和方法：
var player = $('#background-video').data('ytPlayer').player;
player.pauseVideo();
player.playVideo();
player.addEventListener('onStateChange', function(data){
console.log("Player State Change", data);
});
https://github.com/rochestb/jQuery.YoutubeBackground
https://www.learningjquery.com/2016/03/10-jquery-youtube-plugins