在iframe内部的短代码中添加居中文本

时间:2016-02-02 21:43:55

标签: javascript php wordpress shortcode

我想在iframe中添加居中文字,在WordPress短片中添加我从网站上删除的视频,并可在YouTube内搜索。

function my_title_search( ){
   $my_title = get_the_title();
echo '<div class="myIframe">
<iframe src="" width="100%">
<div class="removed_video">This video is removed from our site</div>
<a href="https://www.youtube.com/results?search_query='.$my_title.'">Search YouTube for this video.</a>
</iframe>
</div>';
}
add_shortcode( 'my_title_search', 'my_title_search' );

我正在尝试这样的事情,对不起,如果这段代码有错误的话。 我为iframe提供了css响应:

.myIframe {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

现在,文本应该在iframe框中居中,如下所示: 此视频已从我们的网站中删除 在YouTube上搜索此视频 一个在另一个下面,我不知道如何在这里格式化。

0 个答案:

没有答案