【问题标题】:how to fix issue with youtube embed video fullscreen button not showing up?如何解决 youtube 嵌入视频全屏按钮未显示的问题?
【发布时间】:2015-01-21 17:18:40
【问题描述】:

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

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

fiddle

【问题讨论】:

  • 你能把它变宽吗?这就像我将行李放在摩托车上的位置之一......
  • 我有响应式设计,因此在使用桌面浏览器时它确实可以正常工作,但在移动浏览器上显示视频但不是全屏按钮
  • 如果您正在寻找一种响应式的方式。看到这个:stackoverflow.com/a/27015413/3448527

标签: javascript html css youtube


【解决方案1】:

我一直在努力解决同样的问题,对我来说,关键是 allowfullscreen="1" 作为 iframe 中的一个属性。

【讨论】:

    【解决方案2】:

    将此用于全屏按钮:

    <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>
    

    【讨论】:

    猜你喜欢
    • 2012-02-17
    • 2017-02-22
    • 1970-01-01
    • 2014-07-11
    • 2013-01-23
    • 1970-01-01
    • 1970-01-01
    • 2017-11-15
    • 2014-05-15
    相关资源
    最近更新 更多