加載HTML視頻使用jQuery不工作了

Question

這裏是網站的發展：legiondesigns.com/pauls

而且我還公佈了前一個問題在這裏和正在幾天那麼它只是停止工作。我使用的是WordPress 4.2.2，所以我知道我必須使用我已經完成的「wp_localize_script」。因爲當你在chrome中檢查視頻元素時，你可以看到它正確地加載到正確的路徑中。我甚至可以右鍵點擊檢測工具中的鏈接並點擊「在新窗口中打開鏈接」，然後打開視頻並開始播放。所以我知道這個鏈接是正確的，「wp_localize_script」工作正常。但除了視頻的海報圖片外，沒有任何內容可以顯示。

當在Firefox中調試控制檯的樣子，我看到消息：「無效的URI媒體資源的加載失敗（3）所以Firefox是說，它無法加載，我的影片當我從控制檯切換回。到開發人員工具中的「檢查員」並找到視頻元素，它顯示了正確的位置，我也可以複製並粘貼到一個新窗口中，並且視頻出現並播放，所以我甚至不知道爲什麼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> 

Im相當多的堅持，因此任何幫助是極大的讚賞。

Answer 1

好吧，我把腦子弄糟了。好一點。

<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 =「」的HTML的一部分，所以我的HTML設置工作。如果我從src =「」中刪除temp，那麼它不起作用。