Question

我有一个看似不合逻辑的问题。我不能给一个隐藏的＆＃39;属于嵌入式视频，除非我预先确定它是可见的。

更新：从检查器查看页面，似乎宽度和高度值突然为零。不透明度为1.为什么视频重置的宽度和高度不清楚，但可能与WordPress有关。

好的，我使用jQuery函数来隐藏和取消隐藏文本和视频：

<script>
function unhide (arg) {
   jQuery("." + arg).toggleClass('hidden'); }
</script>

CSS

.hidden { display: none; }

然后我有HTML

<a href="javascript:unhide('videoshow');">click here to show the video</a>

<div class="videoshow hidden">
<iframe src="https://www.youtube.com/watch?v=BjKmWk3oE4E" width="460" height="280" frameborder="0"> </iframe>
</div>

<div class="videoshow hidden">
just some random text here.
</div>

猜猜是什么？隐藏文本将毫无问题地显示，而视频保持隐藏状态。如果我设置

  <div class="videoshow">
  <iframe src="https://www.youtube.com/watch?v=BjKmWk3oE4E" width="460" height="280" frameborder="0"></iframe>
  </div>

然后首先会看到视频，我可以隐藏和取消隐藏它！我尝试了<video>而不是<iframe>，结果是一样的。我试图将两个div放在一个表（CSS或Html）中，但同样的事情：对文本起作用的，不适用于视频。

jQuery / Html。不能取消隐藏和隐藏视频 - 但我可以隐藏和取消隐藏它

0 个答案: