2015-06-30 132 views
-1

與流星,Chrome嘗試這樣的:麻煩嵌入.mov影片

<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"> 
    <param name="src" value="sample.mov"> 
    <param name="qtsrc" value="rtsp:/videos/my video.mov"> 
    <param name="autoplay" value="true"> 
    <param name="loop" value="false"> 
    <param name="controller" value="true"> 
    <embed src="sample.mov" qtsrc="rtsp://videos/v.mov" 
      width="320" height="256" autoplay="true" loop="false" controller="true" 
      pluginspage="http://www.apple.com/quicktime/"> 

也就是說,在Chrome,抱怨插件需要安裝。

也試過這樣:

<div class="embed-responsive embed-responsive-16by9"> 
    <iframe class="embed-responsive-item" 
      src="/videos/my.mov" 
      frameborder="0" allowfullscreen> 
    </iframe> 
</div> 

導致文件被下載,而不是流(「另存爲」對話框出現)

而且,我得到這個在我的標準輸出:

Resource interpreted as Document but transferred with MIME type video/quicktime: "http://localhost:3000/videos/MX_pricing_video_6.18.2015.mov". 

我懷疑我的mime類型有問題。我隱約記得你在Apache設置中設置了MIME類型;你如何在流星/節點上做到這一點?

如何將此視頻嵌入到網頁中?

編輯。

不是重複。在提問之前,我已閱讀並嘗試How to embed a .mov file in HTML?。我已經嘗試了一切。

我應該已經發布,但

<video controls="controls" width="800" height="600" name="Video Name" src="/videos/my.mov"></video> 

顯示全黑的視頻控制,但「播放」按鈕不會做任何事情。控制檯中沒有消息。

下面的一個,就像我說的那樣,插件不支持。顯示一個拼圖圖標。

<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"> 
    <param name="src" value="sample.mov"> 
    <param name="qtsrc" value="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov"> 
    <param name="autoplay" value="true"> 
    <param name="loop" value="false"> 
    <param name="controller" value="true"> 
    <embed src="sample.mov" qtsrc="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov" width="320" height="256" autoplay="true" loop="false" controller="true" pluginspage="http://www.apple.com/quicktime/"></embed> 
</object> 

此外,事件雖然有人離開編輯流星,我認爲它的東西,如果沒有流星做節點,因爲地方MIME類型需要正確設置,不是嗎?我記得在Apache上做這件事。

+0

[How to embed a .mov file in HTML?](http://stackoverflow.com/questions/12521849/how-to-embed-a-mov-file-in-html) –

+0

@ChristianFritz請參閱我的編輯 – Ruby

+0

您的項目文件夾中存儲視頻的位置? –

回答

0

只需將您的my.mov文件存儲在您的流星項目目錄的/public/videos文件夾中即可。之後,下面的工程(無需手動設置MIME類型的任何地方):

<video controls="controls" width="800" height="600" 
     name="Video Name" src="/videos/my.mov"> 
</video> 

這裏是我做過什麼:

$ meteor create test 
$ cd test 
$ mkdir -p public/videos 
$ cp SOMEVIDEO.mov public/videos 
$ ## edit test.html to add the above snippet into the body 

運行meteor,去localhost:3000。該視頻顯示(在OSX上使用Chrome 43)。

+0

試過(根據我原來的帖子),沒有工作。 – Ruby

+0

IE瀏覽器:錯誤:不支持的視頻類型或無效的文件路徑 – Ruby

+0

Chrome:黑屏與死控件 – Ruby