كيف تجعل فيديو يوتيوب متجاوب على مدونة بلوجر
البحث عن
]]></b:skin>
ثم أضف الكود التالي فوقه اختر احدهم
.post-body iframe{width:100%!important;}@media screen and (max-width:960px){.post-body iframe{max-height:90%}}@media screen and (max-width:768px){.post-body iframe{max-height:75%}}@media screen and (max-width:600px){.post-body iframe{max-height:60%}}@media screen and (max-width:480px){.post-body iframe{height:auto!important;max-height:auto!important}}او
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
او
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
او
.BloggerSpice-video-Share{background:url(http://i68.tinypic.com/30clo5t.gif) no-repeat top center;height:458px;width:580px;padding-top:38px;padding-left:72px;;margin-left:30px}
الان الاكواد هذي اختر المناسب لك وفي كل اضافه فيديو تستخدم الرفع
<iframe width="778" height="380" src="https://www.youtube.com/embed/EjT-jKajh2w" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<div class="video-container"><iframe src="http://www.youtube.com/embed/EjT-jKajh2w" frameborder="0" width="560" height="315"></iframe></div>
او
<div class="BloggerSpice-video-Share"><iframe allowfullscreen="" frameborder="0" height="265" src="//www.youtube.com/embed/EjT-jKajh2w?feature=player_embedded" width="491"></iframe></div>
او
التغير لـ
https://www.youtube.com/embed/EjT-jKajh2w
EjT-jKajh2w
عند كل اضافه لمقطع فيديو
ليست هناك تعليقات:
إرسال تعليق