PHP包含页面上的嵌入视频未显示
我的网站的内容是通过PHP包含加载的,基于用户从页面顶部菜单中选择的选项——菜单选项重新加载index.PHP页面并将其指向要包含的内容 除了通过HTMLPHP包含页面上的嵌入视频未显示,php,html,video,Php,Html,Video,我的网站的内容是通过PHP包含加载的,基于用户从页面顶部菜单中选择的选项——菜单选项重新加载index.PHP页面并将其指向要包含的内容 除了通过HTML标记嵌入视频的页面外,这几乎适用于任何情况。在这些页面上,嵌入的视频看起来仍然是可点击的(即,点击部分视频会将我带到承载视频的YouTube页面),但我实际上看不到视频或视频播放器 这是与使用PHP包含有关,还是我还缺少其他东西?我以前在我的网站内容中使用iFrame,但我希望尽可能远离它 编辑:澄清一下,这是我加载页面时看到的行为: 视频肯
标记嵌入视频的页面外,这几乎适用于任何情况。在这些页面上,嵌入的视频看起来仍然是可点击的(即,点击部分视频会将我带到承载视频的YouTube页面),但我实际上看不到视频或视频播放器
这是与使用PHP包含有关,还是我还缺少其他东西?我以前在我的网站内容中使用iFrame,但我希望尽可能远离它
编辑:澄清一下,这是我加载页面时看到的行为:
视频肯定在那里;我可以保存它,如果我右键点击它,我会得到视频播放器的上下文菜单。我就是看不到视频。这是index.php文件上实际加载页面内容的块:
<div id="frame">
<?php
$url = '';
if (!empty($_GET['menu'])) {
$url .= $_GET['menu'] . '/';
}
if (!empty($_GET['customer'])) {
$url .= $_GET['customer'] . '/';
}
if (!empty($_GET['product'])) {
$url .= $_GET['product'] . '/index.';
}
if (!empty($_GET['pagetype'])) {
$url .= $_GET['pagetype'];
}
if (empty($url)) {
$url = 'intro.html';
}
include $url;
?>
</div>
编辑2:以下是页面为视频周围部分生成的HTML标记:
<div id="tabs-5"><!-- start tab 5-->
<p>Access videos detailing operations and maintenance.</p>
<div class="accordion">
<h3>Video 1</h3>
<div>
<video src="./products/coffee/sinf/video/video1.mp4" controls></video>
</div>
<h3>Video 2</h3>
<div>
<video src="./products/coffee/sinf/video/video2.mp4" controls></video>
</div>
</div>
</div><!-- end tab 5-->
访问详细说明操作和维护的视频
视频1
视频2
如果您检查了控制台日志,没有发现404 Not Found的错误,那么您很可能在PHP端没有做错任何事情
看起来您正在使用Chrome,所以Inspect元素应该让您知道加载您的include时是否存在任何问题,以及它是否调用了视频或其他内容的正确文件路径
这可能依赖于浏览器,并且还建议(我最后一次检查)为HTML5视频包含多个文件类型,以实现跨浏览器兼容
这几乎一直对我有效-
<video preload="auto" autoplay="" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogv">
</video>
VLC有一个很好的开源播放器,可以转换为其他文件类型-这与PHP无关,除非您生成了错误的文件路径,您说过您没有。事实上,video元素在页面上,并且您能够保存视频,这意味着在PHP方面一切都很好。我首先要检查的是生成的页面标记。我已将页面生成的HTML添加到我的原始postLooking at Inspect元素中,两个视频的状态都是206,并且指向它们的路径是正确的。文件格式从来都不是问题;我曾经将网站上每个产品的内容页面加载到iframe中,并将视频加载到iframe中的页面中,没有任何问题。所以我不认为这是一个浏览器或文件格式的问题。不过,我会尝试转换它们,看看这是否能同时解决问题。尝试使用视频的绝对URL(目前),而不是相对URL。看看会发生什么。这似乎没有帮助;即使使用视频的绝对路径,视频应该在的地方仍然有一个很大的空白。我可以与它交互,保存视频,文件肯定在那里,浏览器可以看到它。但实际上,页面本身并没有显示任何内容,当我尝试在浏览器中播放文件时,我看到的是:,而在旧版本的网站上,我看到的是
<video preload="auto" autoplay="" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogv">
</video>
AddType video/mp4 .mp4 .m4v
AddType video/webm .webm
AddType video/ogv .ogv