iT邦幫忙

0

flv與網頁結合的問題

  • 分享至 

  • xImage

請教大家
如果我們想把flv的檔案轉成html5放在網頁上,要如何做呢?因為我試著將flv轉成wmv,放在網頁上,使用google chrome瀏覽網頁都會出現下列的訊息
http://ithelp.ithome.com.tw/upload/images/20170618/20003705cPp7WOhryB.jpg

因此想試著找轉乘html5的工具及與網頁結合的語法,謝謝

轉成MP4影檔至少各瀏覽器都通用~
ektrontek iT邦研究生 1 級 ‧ 2017-06-20 20:42:33 檢舉
目前找到的資訊,的確mp4都可用在各瀏覽器 (雖然我還沒實際測試到每個瀏覽器)
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
小魚
iT邦大師 1 級 ‧ 2017-06-18 11:51:55
最佳解答

你的語法是什麼?flv是影像格式,應該不能直接放網站上,如果是Html5你有試過用vedio標籤嗎?

<video autoplay controls preload="auto">
	<source src="sample.flv">
	<source src="sample.ogv">
	<source src="sample.webm">
	<source src="sample.3gp">
	<p>這個瀏覽器不支援vedio元素</p>
</video>

我沒有flv檔案所以沒辦法試,
你試試看吧。

看更多先前的回應...收起先前的回應...
ektrontek iT邦研究生 1 級 ‧ 2017-06-18 12:40:43 檢舉

我是使用下列的語法for wmv, 謝謝

<object width="325" height="250" type="video/x-ms-asf" url="md.wmv"
data="video.wmv" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="url" value="md.wmv">
<param name="filename" value="md.wmv">
<param name="autostart" value="1">
<param name="uiMode" value="full">
<param name="autosize" value="1">
<param name="playcount" value="1">
<embed type="application/x-mplayer2" src="/support/video.wmv" width="325" 
height="250" autostart="true" showcontrols="true"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed>
</object>
小魚 iT邦大師 1 級 ‧ 2017-06-18 13:13:52 檢舉
  1. 你param中的url是你要播放的檔案
  2. 它好像是有用到NPAPI外掛
  3. 原本查到有人說修改NPAPI參數,參考https://www.mobile01.com/topicdetail.php?f=359&t=4348809
  4. 但是找不到NPAPI,結果發現這篇http://anz.tw/zh/form/NPAPI.pdf
  5. 裡面有一段很不明顯的文字,說Chrome 45之後停止支援NPAPI
  6. 所以應該是無解了。
  7. 不過我IE開了ActiveX之後是可以播放的。
小魚 iT邦大師 1 級 ‧ 2017-06-18 13:20:09 檢舉

或是你要轉成其他格式,
vedio 支援 mp4、ogv、webm、3gp 四種格式,
(不過好像不是每個瀏覽器都支援全部格式)
Chrome似乎是支援中間兩個,不過那是之前的資料,可能支援更多了也不一定。

ektrontek iT邦研究生 1 級 ‧ 2017-06-18 23:22:44 檢舉

感謝,在https://www.w3schools.com/html/html5_video.asp 上有看到各瀏覽器所支援的影片格式,但我使用下列語法來崁入mp4影片,

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="200" 
HEIGHT="180" >
<PARAM NAME="SRC" VALUE="video.mp4" />
<PARAM NAME="autoplay" VALUE="true" />
<EMBED SRC="video.mp4" TYPE="image/x-macpaint"
PLUGINSPAGE="http://www.apple.com/quicktime/download" WIDTH="320" 
HEIGHT="200" AUTOPLAY="true"></EMBED>
</OBJECT>

但還是會顯示:在google chrome還是顯示這是不支援的外掛程式 ,或是mp4格式有再區分嗎?謝謝

小魚 iT邦大師 1 級 ‧ 2017-06-18 23:28:25 檢舉

object這種方式好像會被擋,看起來好像都是呼叫外掛,似乎是外掛會被擋,你還是用vedio試試看吧,要不然就要再找看看有沒有其他的方式了。

ektrontek iT邦研究生 1 級 ‧ 2017-07-20 20:10:23 檢舉

請教大家
我使用下列語法

<video width="880" height="350" autoplay  preload="auto" loop="true" >
  <source src="index.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"' autostart="true" >
 Your browser does not support the video tag.
</video>

在PC版使用google chrome/firefox/ie11可正常顯示,但是在手機板行動裝置,動畫卻沒不會動 (有看到第一個畫面),是否有方式調整呢?感謝

小魚 iT邦大師 1 級 ‧ 2017-07-20 20:58:02 檢舉

會不會是寬度的關係,手機寬度大概300多而已,手機要看的話可能要用RWD網頁
另外,有網址可以看看嗎?

ektrontek iT邦研究生 1 級 ‧ 2017-07-20 22:35:07 檢舉

我在手機上使用firefox可以正常瀏覽,而我不確定手機板google chrome有甚麼限制在mp4影片的部分

小魚 iT邦大師 1 級 ‧ 2017-07-20 22:45:35 檢舉

是喔,手機我就比較不熟了,如果你有網址倒是可以參考一下。

ektrontek iT邦研究生 1 級 ‧ 2017-07-25 20:48:11 檢舉

使用下列的方式有 ok
<video width="880" height="350" autoplay muted preload="auto" loop="true" >

Your browser does not support the video tag.

我要發表回答

立即登入回答