Embed: Difference between revisions
No edit summary |
|||
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<br> | |||
'''Before you can make changes to the wiki, you must log in via "Log in" (top right of the page).''' | |||
<br> | |||
=='''Replace banner'''== | =='''Replace banner'''== | ||
There is already a placeholder banner | There is already a placeholder banner on all group pages. You can change this by uploading your own banner and replacing the file name. | ||
Steps: | '''Steps:''' | ||
<br> 1. Upload the banner | <br> 1. Upload the banner via "Upload file" (left side menu) | ||
<br> 2. Click "Edit" on top of the page | <br> 2. Click "Edit" tab on top of the page | ||
<br> 3. Chnage the file name "ws.jpg" to the uploaded banner | <br> 3. Chnage the file name from "ws.jpg" to the uploaded banner. | ||
<br> | <br> | ||
<html> | <html> | ||
| Line 21: | Line 21: | ||
</pre> | </pre> | ||
</html> | </html> | ||
<br> | |||
=='''Add Powerpoint presentation'''== | =='''Add Powerpoint presentation'''== | ||
Steps: | '''Steps:''' | ||
<br> 1. Upload the (compressed) pptx file via "Upload file" (left side menu) | <br> 1. Upload the (compressed) pptx file via "Upload file" (left side menu) | ||
<br> 2. Copy the uploaded file | <br> 2. Copy the URL of the uploaded file. Right-click on the file name and select 'Copy link address'. Note down the link address of your presentation. | ||
[[File: TestPPEmbed_LA.jpg | 850px ]] | [[File: TestPPEmbed_LA.jpg | 850px ]] | ||
<br> 3. | <br> 3. Click 'edit' next to the title of your wiki page and add the following code below. LINK_ADRESS_OF_UPLOADED_POWERPOINT_PRESENTATION must be replaced with the link address from Step 2 and must look like '''<nowiki>https://e.ta.tudelft.nl/images/2/2f/TestPPEmbed.pptx</nowiki>'''. | ||
<pre> | <pre> | ||
<html> | |||
<iframe src="https://view.officeapps.live.com/op/view.aspx?src=LINK_ADRESS_OF_UPLOADED_POWERPOINT_PRESENTATION" frameborder="0" height="500px" width="100%"></iframe> | |||
</html> | |||
</pre> | |||
'''Result:''' | |||
<html> | <html> | ||
<iframe src="https://view.officeapps.live.com/op/view.aspx?src=https://e.ta.tudelft.nl/images/2/2f/TestPPEmbed.pptx" frameborder="0" height="500px" width="100%"></iframe> | <iframe src="https://view.officeapps.live.com/op/view.aspx?src=https://e.ta.tudelft.nl/images/2/2f/TestPPEmbed.pptx" frameborder="0" height="500px" width="100%"></iframe> | ||
</html> | |||
<br> | |||
<br> | |||
Alternatively, you can upload your presentation to Google Drive. Open the presentation with Google Slides and use '''File -> Share -> Publish to the web''' to obtain the embed code for your wiki page. Place the embed code between <html></html> tags. | |||
<pre> | |||
<html> | |||
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vS08k512iNsVw2vUEyL-1FTj86Sbi_4phfpGkpYDyVBsGlJ9vz2FQby5ocKLUYaFQ/pubembed?start=false&loop=false&delayms=3000" frameborder="0" width="850" height="500" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> | |||
</html> | </html> | ||
</pre> | </pre> | ||
Youtube video | '''Result:''' | ||
< | <html> | ||
<youtube width="850" height="480"> | <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vS08k512iNsVw2vUEyL-1FTj86Sbi_4phfpGkpYDyVBsGlJ9vz2FQby5ocKLUYaFQ/pubembed?start=false&loop=false&delayms=3000" frameborder="0" width="850" height="500" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> | ||
</ | </html> | ||
<br> | |||
=='''Add Youtube video'''== | |||
'''Steps:''' | |||
<br> 1. Upload the video to youtube | |||
<br> 2. Watch you video and note the unique video id after '''v=''' for example <nowiki> https://www.youtube.com/watch?v=</nowiki>'''Gz6ecLRzvBQ''' | |||
<br> 3. Add the following code and replace VIDEO_ID with video id from step 2. | |||
<pre> | |||
<youtube width="850" height="480">VIDEO_ID</youtube> | |||
</pre> | |||
'''Result:''' | |||
<youtube width="850" height="480">Gz6ecLRzvBQ</youtube> | |||
<youtube width="850" height="480"> | |||
Latest revision as of 13:10, 19 March 2026
Before you can make changes to the wiki, you must log in via "Log in" (top right of the page).
Replace banner
There is already a placeholder banner on all group pages. You can change this by uploading your own banner and replacing the file name.
Steps:
1. Upload the banner via "Upload file" (left side menu)
2. Click "Edit" tab on top of the page
3. Chnage the file name from "ws.jpg" to the uploaded banner.
__NOTOC__ [[File: ws.jpg | 850px ]]
Add Powerpoint presentation
Steps:
1. Upload the (compressed) pptx file via "Upload file" (left side menu)
2. Copy the URL of the uploaded file. Right-click on the file name and select 'Copy link address'. Note down the link address of your presentation.
3. Click 'edit' next to the title of your wiki page and add the following code below. LINK_ADRESS_OF_UPLOADED_POWERPOINT_PRESENTATION must be replaced with the link address from Step 2 and must look like https://e.ta.tudelft.nl/images/2/2f/TestPPEmbed.pptx.
<html> <iframe src="https://view.officeapps.live.com/op/view.aspx?src=LINK_ADRESS_OF_UPLOADED_POWERPOINT_PRESENTATION" frameborder="0" height="500px" width="100%"></iframe> </html>
Result:
Alternatively, you can upload your presentation to Google Drive. Open the presentation with Google Slides and use File -> Share -> Publish to the web to obtain the embed code for your wiki page. Place the embed code between tags.
<html> <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vS08k512iNsVw2vUEyL-1FTj86Sbi_4phfpGkpYDyVBsGlJ9vz2FQby5ocKLUYaFQ/pubembed?start=false&loop=false&delayms=3000" frameborder="0" width="850" height="500" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> </html>
Result:
Add Youtube video
Steps:
1. Upload the video to youtube
2. Watch you video and note the unique video id after v= for example https://www.youtube.com/watch?v=Gz6ecLRzvBQ
3. Add the following code and replace VIDEO_ID with video id from step 2.
<youtube width="850" height="480">VIDEO_ID</youtube>
Result:
