// Can also be used with $(document).ready()
$(document).ready(function(){
$('.bxslider').bxSlider({ auto:true, slideWidth:500, video:true });
});
<!-- Place somewhere in the <body> of your page -->
<ul class="bxslider">
<ul>
<li>
<iframe src="https://www.youtube.com/embed/SXspt4vFx7o" frameborder="0" allowfullscreen>
</li>
<li>
<iframe src="https://player.vimeo.com/video/13031989" frameborder="0" allowfullscreen>
</li>
<li>
<iframe src="https://www.youtube.com/embed/hD_J9B0IvhE" frameborder="0" allowfullscreen>
</li>
<li>
<iframe rc="https://www.youtube.com/embed/Yc-cP3Q24TA" frameborder="0" allowfullscreen>
</li>
</ul>