加载HTML视频jQuery不再工作了-Java 学习之路

这是开发网站：legiondesigns.com/pauls

我还在这里发布了一个上一个问题Loading HTML Video With jQuery，这已经工作了几天然后就停止了工作 . 我正在使用WordPress 4.2.2所以我知道我必须使用"wp_localize_script"我已经完成了 . 因为当您检查chrome中的视频元素时，您可以看到它在正确的路径中正确加载 . 我甚至可以右键单击检查工具中的链接并单击"open link in new window"然后打开视频并开始播放 . 所以我知道链接是正确的，"wp_localize_script"正常工作 . 但除了视频的海报图片外，什么也没有出现 .

当在firefox中查看调试控制台时，我看到消息：“无效的URI . 媒体资源的加载失败（3） . 所以firefox说它无法加载我的视频 . 当我从开发人员工具中从控制台切换回"inspector"时找到视频元素 . 它显示正确的位置，我也可以复制并粘贴到一个新窗口，视频出现并播放 . 所以我甚至不知道为什么firefox给我这个错误 .

这是我的WordPress本地化PHP：

$site_parameters = array(
  'site_url' => get_site_url(),
  'theme_directory' => get_template_directory_uri()
);
wp_localize_script('custom-js', 'SiteParameters', $site_parameters );

这是我的jQuery：

var v = [];

v[0] = ["/library/videos/header.webm", "/library/videos/header.ogv",   "/library/videos/header.mp4"];
v[1] = ["/library/videos/mobHead.webm", "/library/videos/mobHead.ogv", "/library/videos/mobHead.mp4"];

var index = window.innerWidth <= 641 ? 1 : 0;

$('#webmvid').attr('src', SiteParameters.theme_directory + v[index][0]);
$('#oggvid').attr('src', SiteParameters.theme_directory + v[index][1]);
$('#mp4vid').attr('src', SiteParameters.theme_directory + v[index][2]);

这是我的HTML：

<video autoplay="" loop="" poster="/library/images/vidPoster.jpg" id="bgvid">
  <source id="webmvid" src="" type="video/webm">
  <source id="oggvid" src="" type="video/ogg">
  <source id="mp4vid" src="" type="video/mp4">
</video>

我几乎陷入困境，所以任何帮助都非常感激 .

1 回答

2
好吧我绞尽脑汁后想通了 . 好吧 . 它只适用于我已经在html的src =“”部分中已有的东西，所以通过将我的HTML设置为：
```
<video autoplay="" loop="" poster="/library/images/vidPoster.jpg" id="bgvid">
  <source id="webmvid" src="temp" type="video/webm">
  <source id="oggvid" src="temp" type="video/ogg">
  <source id="mp4vid" src="temp" type="video/mp4">
</video>
```
现在它有效 . 如果我从src =“”删除temp，那么它不起作用 .
回复于 2024-04-19T13:39:55+08:00

加载HTML视频jQuery不再工作了

1 回答

相关问题