Question

我有一个文本框，用户输入你视频管的网址（在我的自定义插件的后端）。现在，我想在前端做的是使用该URL显示该视频。

我同时使用 iframe 和视频标记，但两者都不播放视频。

使用视频标记我收到以下消息： ' Firefox 和 Chrome 中没有支持格式和MIME类型的视频 >只获得黑屏，没有音频。

是否可以在不使用JavaScript或Jquery的情况下完成任何解决方案。

使用Iframe无效： 在检查时，我使用src获取iframe，但 body标记

中没有任何内容

这是添加视频网址的输入类型：

<input id="video" name="video" type="text" style="width: 95%"
value="<?php echo esc_attr($item['video'])?>" size="50" class="code" >

这就是我从数据库中获取它并将其传递给视频和iframe标记的方式：

<video width="320" height="240" controls>
   <source src="<?php echo $video[0];?>" type="video">
       Your browser does not support the video tag.
</video>
<iframe width="100%" height="315" src="<?php echo $video[0];?>" frameborder="0" allowfullscreen="1"></iframe>

我已经使用了多个网址并使用'，'运算符将其展开。

Answer 1

您必须分享更多代码。听起来像输入应该只是干净的youtube链接，然后你可以用php wordpress回显youtube iframe接口。

编辑： youtube iframe应该是这样的：

    <iframe class="youtube" type="text/html" src="http://www.youtube.com/embed/u-KqDVNowKU"
allowfullscreen="" frameborder="0" style="height: 405px;"></iframe>

我在窗口调整大小时使用此js作为iframe的大小：

$(window).resize(function(){
$('.youtube').css('height',Math.floor($('.youtube').width() * 0.5625)+'px');
});

播放你在wordpress

1 个答案: