如何修复youtube嵌入视频全屏按钮不显示的问题?

时间:2015-01-21 17:18:41

标签: javascript html css youtube

下面是我的嵌入代码。全屏按钮不会以305像素的宽度显示。任何帮助将不胜感激。

<iframe width="305" height="200" src="//www.youtube.com/embed/HMUDVMiITOU" frameborder="0" allowfullscreen></iframe>

fiddle

2 个答案:

答案 0 :(得分:2)

我一直在努力解决同样的问题,对我而言,关键是在iframe中将allowfullscreen =“1”作为属性。

答案 1 :(得分:1)

将此视频用于全屏按钮:

<object width="305" height="200">
  <param
    name="movie"
    value="http://www.youtube.com/v/HMUDVMiITOU">
  </param>
  <param
    name="allowscriptaccess"
    value="always">
  </param>
  <param
    name="allowFullScreen"
    value="true">
  </param>
  <embed
    src="http://www.youtube.com/v/HMUDVMiITOU"
    type="application/x-shockwave-flash"
    allowscriptaccess="always"
    allowfullscreen="true"
    width="305"
    height="200">
  </embed>
</object>