Какой браузер должен иметь префикс, позволяющий использовать атрибуты fetchfullscreen в моем iframe?

У меня есть код, который я использую для отображения видео в iframe. 99% времени, если работает, когда пользователь хочет переключиться на полноэкранный режим, в любом браузере.

Однако мы нашли несколько примеров в IE, где полноэкранный параметр расширяется только в соответствии с размером iframe.

Тег iframe отображается следующим образом:

<iframe id="FrameContent" allowtransparency="true" frameborder="0" title="" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" src="/whatever.aspx" style="width: 1660px; height: 867px; visibility: visible;"></iframe>

Все родительские/дочерние iframes имеют вышеуказанные атрибуты allowfullscreen.

Однако, прочитав здесь и в других местах, кажется, что консенсусом является использование только allowfullscreen, с указанным ="true". Некоторые из вышеуказанного кода будут изменены для рендеринга следующим образом:

<iframe id="FrameContent" allowtransparency="true" frameborder="0" title="" allowfullscreen src="/whatever.aspx" style="width: 1660px; height: 867px; visibility: visible;"></iframe>

Кроме того, другие (webkitallousfulscreen и mozallowfulscreen) кажутся устаревшими, поэтому больше не нужны, верно ли это?

Я видел другие предложения, такие как использование allowfullscreen="allowfullscreen" или allowfullscreen="" (потому что ="true" не работает!)

Я также видел msallowfulscreen и oallowfullscreen, и в настоящее время мы их не используем.

Кто-нибудь может прояснить, что нужно использовать раз и навсегда?

Ответ 1

Вот некоторые ссылки, которые могут оказаться полезными. Чтобы "разъяснить, что нужно использовать раз и навсегда", см. Ссылку W3.org.

Официальная спецификация, которую производители браузеров должны встроить в тег iframe, находится на веб-сайте W3C: https://www.w3.org/TR/html5/embedded-content-0.html#the-iframe-element
Так как W3C-страница очень трудна для чтения, здесь легко читается список свойств iframe: http://www.w3schools.com/tags/tag_iframe.asp
Вот что работает в каждом браузере: http://caniuse.com/#search=iframe

Похоже, что производители браузеров снова добавляют атрибуты, не совместимые с W3C, в некоторые из своих тегов. Атрибут "allowFullScreen" действительно принадлежит в теге param, но не в iframe и самих видеотегах.

<object type="application/x-shockwave-flash">
    <param name=allowfullscreen value=true>
    <video>...</video>
</object>

Вам может быть не повезло с IE, так как похоже, что производители браузеров создают хаки... вместо того, чтобы придерживаться официальных спецификаций W3C. Любые другие атрибуты являются необязательными и могут быть устаревшими в любое время.

Если вы хотите показать видео, попробуйте создать его на странице без тега iframe. Большинство респектабельных компаний, обслуживающих видео, не будут создавать браузерные видеоролики. Это объявления, которые могут вызвать проблемы с перекрывающимся контентом на вашей странице. Я предполагаю, что проблема, которую вы пытаетесь предотвратить с помощью тега iframe?