几乎完美的自适应代码,纯css,支持16:9,4:3.(推荐使用)<iframe src="https://播放器域名/player/?url=视频链接" allowfullscreen="" mozallowfullscreen="" msallowfullscreen="" oallowfullscreen="" webkitallowfullscreen="" width="100%" height="500px" frameborder="0"></iframe>
<style type="text/css">
.video-container { display: block; position: relative; width: 100%; height: 0; overflow: hidden; box-sizing: border-box } .video-container iframe, .video-container video { position: absolute; top: 0; left: 0; border: none; width: 100%; height: 100% } .video-ratio-16by9 { padding-bottom: 56.25% /* 9/16 */ } .video-ratio-4by3 { padding-bottom: 75% /* 3/4 */ }
</style>
<div class="video-container video-ratio-16by9">
<iframe src="https://播放器域名/player/?url=视频链接" allowfullscreen="" mozallowfullscreen="" msallowfullscreen="" oallowfullscreen="" webkitallowfullscreen="" frameborder="0"></iframe>
</div>
2023-10-15PHPEMS在线模拟考试系统 v9.0
2023-10-15SDCMS轻站内容管理系统 v1.4.3.5
2023-10-15Discuz! X3.5 简体中文 v3.5 UTF8 20231001
2023-10-15wordpress简体中文 v6.3.2 中文版
2023-09-26彩虹域名转发程序V2.0
2023-09-26清雨博客(溯雪sxlog)-开源PHP轻博客程序 v1.2.6
2023-08-31PHP彩虹外链网盘V5.5 新增用户系统与分块上传
2023-07-15PbootCMS永久开源免费的PHP企业网站开发建设管理系统
2023-07-15CRMEB开源商城系统
2023-07-022023全新UI的AI网址导航系统源码 基于Thinkphp6框架