2015-07-13 60 views
0

試圖使我的嵌入式YouTube Player上的動態url欄。如何將輸入文本拉伸爲全寬?動態PHP

代碼如下所示,但正如您所看到的,輸入不會跨越整個屏幕。

<?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> 

目標瀏覽器是微軟的邊緣,如果這有什麼差別。

+0

您是否試過'style =「width:100%;」'而不是'width'屬性? – Matt

+0

好吧,現在它的工作...它不是與它只適用於'/>' – GTAWWEKID

回答

0

width屬性已被棄用,你需要使用CSS:

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

它甚至會更好,如果你把它放在一個單獨的樣式表,這樣就可以輕鬆地重用你的風格,它們被緩存在瀏覽器中。