Pages

Showing posts with label embed. Show all posts
Showing posts with label embed. Show all posts

Wednesday, 24 November 2021

Embedding Video without next video

 

How to embed YouTube videos and not have other videos showing at the end of the video.


Embed code example



Here is an example of the embed code copied from YouTube with the extra code added in bold (and red).
 <iframe width="560" height="315" src="https://www.youtube.com/embed/i0sOq7EbQWI?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Change the width and height to fit nicely

I use an aspect ratio calculator to ensure I preserve the correct ratio. https://andrew.hedges.name/experiments/aspect_ratio/


Full Screen

Unfortunately, full screen is not available using this embed method. Learners can use the pinch gesture to make the video bigger on their screen.



Thursday, 2 April 2020

Tuesday, 21 May 2019

Youtube video

Update

Changes in YouTube embed policy mean the unrelated video part no longer works - rel=0. However playing in the embedded place does work.

Rather than opening the video in You Tube you can edit the link so the video opens and plays in full screen. Up next videos are not displayed?

Locate the URL on You Tube to share the video e.g. https://youtu.be/wy3cyspEQbU
Highlight the characters in bold and copy e.g. https://youtu.be/wy3cyspEQbU
Paste into the following URL to create a link to the video in You Tube that will open in full screen.
This YouTube video from Jack's Blog at Panmure Bridge was added using the Insert a video icon from the toolbar. The above URL was added.

Alternatively, you can use an iframe and add code to the HTML part of the blog:

<iframe width="320" height="266" src="https://www.youtube.com/embed/ck_UdujPVwg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Wednesday, 26 April 2017

Changing the size of an embedded video

Testing the best embed code for a video if I want to change the size.


Directly from You Tube:
<iframe width="560" height="315" src="https://www.youtube.com/embed/rzeW741NLPY" frameborder="0" allowfullscreen></iframe>




I have  changed code to make the video smaller. The aspect ratio has been changed. I now get black lines on the top and bottom of the video.
<iframe width="320" height="266" src="https://www.youtube.com/embed/rzeW741NLPY" frameborder="0" allowfullscreen></iframe>





<iframe width="320" height="180" src="https://www.youtube.com/embed/rzeW741NLPY" frameborder="0" allowfullscreen></iframe>

The embed code has been altered but the aspect ratio kept the same by using an aspect ratio calculator.

Thanks to Anushika for the video.
https://phsanushikap.blogspot.co.nz/2017/04/tagimoucia-video-video-is-made-in.html?showComment=1493178347953#c6484729830277199045