2

我使用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 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 URL 并在 Firefox、Chrome 等上打开它时,全屏仍然无法正常工作,所以我怀疑问题出在<iframe>标签内。

4

2 回答 2

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

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

于 2015-07-30T20:54:16.633 回答
-1

我刚刚通过使用 html5 的新嵌入命令而不是 iframe 解决了这个问题。例如,检查此页面:

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

希望这可以帮助...

于 2013-11-15T22:23:13.990 回答