Skip to content

Commit 42d7038

Browse files
authored
chore(docs): add embed instructions (#135)
1 parent dc1be25 commit 42d7038

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed

docs/source/reference/sharing.md

+23
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,29 @@ Example:
106106

107107
Then, you can simply open the HTML file with any web browser application.
108108

109+
If you want to embed the presentation inside an HTML web page, a possibility is
110+
to use an `iframe`:
111+
112+
```html
113+
<div style="position:relative;padding-bottom:56.25%;">
114+
<!-- 56.25 comes from aspect ratio of 16:9, change this accordingly -->
115+
<iframe
116+
style="width:100%;height:100%;position:absolute;left:0px;top:0px;"
117+
frameborder="0"
118+
width="100%"
119+
height="100%"
120+
allowfullscreen
121+
allow="autoplay"
122+
src="basic_example.html">
123+
</iframe>
124+
</div>
125+
```
126+
127+
The additional code comes from
128+
[this article](https://faq.dailymotion.com/hc/en-us/articles/360022841393-How-to-preserve-the-player-aspect-ratio-on-a-responsive-page)
129+
and it there to preserve the original aspect ratio (16:9).
130+
131+
109132
### Sharing ONE HTML file
110133

111134
A future feature, that will be available once

0 commit comments

Comments
 (0)