在嵌入的YouTube播放列表的左上角,有一个按钮可打开播放列表菜单。我正在尝试以页面加载方式以编程方式打开此列表。有没有办法做到这一点?
我认为这可以实现,contentWindow.postMessage但我不知道要使用什么功能。我找不到任何文档。
播放列表嵌入代码:
https://www.youtube.com/embed/NU1rsLIdpNA?list=PLdIivvLumeIVQHwOsZLYqp3-LZ75X1WKO
很抱歉这个问题有很多更新,我很高兴每个人都想帮助我.我认为下面有一个更清楚的方法来理解这个问题:
如果在更改附加了转换的属性之前将元素的display属性设置为阻止,则CSS转换将不适用.请考虑以下代码:
CSS:
#creative {
display: none;
opacity: 0;
transition: opacity 0.5s;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div id="creative">
<span>Sample text</span>
</div>
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
var dom = {};
dom.creative = document.getElementById('creative');
dom.creative.style.display = 'block';
dom.creative.style.opacity = 1;
Run Code Online (Sandbox Code Playgroud)
该元素将正确显示,但没有任何过渡.此问题的解决方法是通过访问元素的一个可视属性来强制重绘:
dom.creative.style.display = 'block';
var a = dom.creative.offsetHeight; /* <-- forces repaint */
dom.creative.style.opacity = 1;
Run Code Online (Sandbox Code Playgroud)
这有什么好方法吗?好吧,我的意思是每次我需要更改显示属性和附加转换的属性时不添加额外的javascript代码行.