Question

尝试在嵌入式YouTube Player上创建动态网址栏。

代码如下所示，但正如您所看到的那样，输入不会在整个屏幕上延伸。

<?php
    $uri='https://www.playstation.com/etc/designs/pdc/clientlibs_youtube/swf/ps-youtube-player.swf?v=' .$_GET['v'] . '&embedding=0&autoplay=0&sharing=0&fullscreen=1';
    $old='https://youtube.com/embed/' . $_GET['v'] . '?autoplay=1&fs=1&modestbranding=1&rel=0&theme=light&origin=https://www.tsiserver.us/WinTube';
    $keep='https://youtube.com/watch?v='. $_GET['v'];
?>
<body style="background-color: black; margin: 0px;">
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0px; margin: 0px; height: 20px; width: 100%;">
    <input type="text" width="100%" value="<?php echo $keep; ?>" />
</div>

<div style="position: absolute; top: 20; left: 0; right: 0; bottom: 0; padding: 0px; margin: 0px;">
    <iframe src="<?php echo $old; ?>" width="100%" height="100%" frameBorder="0" />
</div>

目标浏览器是Microsoft Edge，如果它有任何区别。

Answer 1

不推荐使用width属性，您需要使用css：

<input type="text" style="width: 100%;" value="<?php echo $keep; ?>">

如果你把它放在一个单独的样式表中会更好，这样你就可以轻松地重复使用你的样式，并将它们缓存在浏览器中。

如何将输入文本拉伸到全宽？动态PHP

1 个答案: