Initial commit - Typo3 11.5.41
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
.. include:: ../Includes.rst.txt
|
||||
|
||||
.. _iframe_code:
|
||||
|
||||
===========
|
||||
iframe loading from HTML
|
||||
===========
|
||||
You can also handle this part from an :ref:`Content element <content>` if you want.
|
||||
|
||||
load iframe after accepting
|
||||
^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
If you want to load iframes (YouTube, GMap, ..) after the Cookie is accepted you can use this snippet
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<iframe width="560" height="315"
|
||||
data-cookieconsent="statistics"
|
||||
data-src="https://www.youtube-nocookie.com/embed/XXXXXX?autoplay=1"
|
||||
class="dp--iframe"
|
||||
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreenn >
|
||||
</iframe>
|
||||
|
||||
With the :guilabel:`class="dp--iframe"` the iframe is hidden by default and would be shown after accepting of the cookie.
|
||||
|
||||
iframe overlay
|
||||
^^^^^^^^^^^^^^
|
||||
**if you want to add an overlay to accept Cookies outside of the cookie hint**
|
||||
|
||||
.. figure:: ../Images/iframe-overlay.png
|
||||
:class: with-shadow
|
||||
:width: 400px
|
||||
|
||||
You also can modify the text in this hint individually per iframe
|
||||
|
||||
.. code-block:: html
|
||||
|
||||
<iframe
|
||||
data-cookieconsent="statistics"
|
||||
data-src="https://www.youtube-nocookie.com/embed/XXXXXX?autoplay=1"
|
||||
class="dp--iframe"
|
||||
|
||||
data-cookieconsent-notice="Cookie Notice"
|
||||
data-cookieconsent-description="Loading this...."
|
||||
data-cookieconsent-btn="allow cookies and load this ...."
|
||||
>
|
||||
Reference in New Issue
Block a user