fix website embedding issue (#31019)

* fix embedding issue

* include slide links

* fix url for content security

website/www/site/content/en/get-started/resources/videos-and-podcasts.md

@@ -57,7 +57,7 @@ Presented by Davor Bonaci, *Apache Beam PPMC member*
 
 Presented by Dan Halperin, *Apache Beam PPMC member*
 
-<iframe class="video video--medium-size" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fatscaleevents%2Fvideos%2F1775945569345206%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
+[Link to Video](https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fatscaleevents%2Fvideos%2F1775945569345206%2F&show_text=0&width=560)
 <br>
 
 ### Software Engineering Radio Podcast Episode 272: Apache Beam
@@ -141,7 +141,7 @@ ApacheCon, Miami, 2017
 
 Presented by Etienne Chauchot and Ismaël Mejia, *Apache Beam PMC members*
 
-<iframe src="//www.slideshare.net/slideshow/embed_code/key/auWXjEK7GTkiUK" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/EtienneChauchot/nexmark-with-beam" title="Nexmark with Beam" target="_blank">Nexmark with Beam</a> </strong> by <strong><a href="https://www.slideshare.net/EtienneChauchot" target="_blank">Etienne Chauchot</a></strong> </div>
+[Link to Slides](www.slideshare.net/slideshow/embed_code/key/auWXjEK7GTkiUK)
 <audio controls>
   <source src="https://feathercastapache.files.wordpress.com/2017/05/0517-04-mejia.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
@@ -152,12 +152,12 @@ ApacheCon, Montreal, 2018
 
 Presented by Etienne Chauchot, *Apache Beam PMC member*
 
-<iframe src="//www.slideshare.net/slideshow/embed_code/key/kKJRzR8HxkxLsR" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/EtienneChauchot/universal-metrics-with-apache-beam" title="Universal metrics with Apache Beam" target="_blank">Universal metrics with Apache Beam</a> </strong> by <strong><a href="https://www.slideshare.net/EtienneChauchot" target="_blank">Etienne Chauchot</a></strong> </div>
+[Link to Slides](www.slideshare.net/slideshow/embed_code/key/kKJRzR8HxkxLsR)
 <audio controls>
   <source src="//feathercastapache.files.wordpress.com/2018/09/03-universal-metrics-with-beam-etienne-chauchot.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
 </audio>
 
 ## Next Steps
 
-* Take a self-paced tour through our [Learning Resources](/documentation/resources/learning-resources).
+* Take a self-paced tour through our [Learning Resources](/documentation/resources/learning-resources).