Question

我使用Youtube推荐的方法嵌入了代码，但全屏功能根本无法使用。所以我尝试添加mozallowfullscreen，webkitallowfullscreen等但仍然没有运气。

<iframe src="http://www.youtube.com/v/16N8Zhhhins?rel=0&hl=en&fs=1&autoplay=1" frameborder="0" width="100%" height="100%" id="listing_detail_youtube" mozallowfullscreen webkitallowfullscreen allowfullscreen="1"></iframe>

如果它有帮助..开头的doctype等是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow-x: hidden">
<head>

该iFrame上的CSS，如果它有帮助...

#listing_detail_youtube {
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
}

但是。当我单独复制粘贴视频iframe网址并在Firefox，Chrome等上打开时，全屏仍无法正常工作，因此我怀疑该问题位于<iframe>标记内。

Answer 1

<iframe src="https://www.youtube.com/embed/1gI_HGDgG7c" allowfullscreen="" height="315" width="460"></iframe>

使用https://www.youtube.com/embed/-video_id-

Answer 2

我刚刚使用html5的新embed命令而非iframe解决了这个问题。有关示例，请查看此页面：

http://www.flexxifinger.com/videoemb.php

希望这会有所帮助......

嵌入式Youtube iFrame全屏按钮无效

2 个答案: