flv與網頁結合的問題

html5

ektrontek 2017-06-18 10:20:46 ‧ 7632 瀏覽

分享至

請教大家
如果我們想把flv的檔案轉成html5放在網頁上，要如何做呢？因為我試著將flv轉成wmv，放在網頁上，使用google chrome瀏覽網頁都會出現下列的訊息

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

純真的人 iT邦大師 1 級 ‧ 2017-06-20 11:31:52 檢舉

轉成MP4影檔至少各瀏覽器都通用~

ektrontek iT邦研究生 1 級 ‧ 2017-06-20 20:42:33 檢舉

目前找到的資訊，的確mp4都可用在各瀏覽器 (雖然我還沒實際測試到每個瀏覽器)

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

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檔案所以沒辦法試，
你試試看吧。

回應 10
分享
檢舉

看更多先前的回應...收起先前的回應...

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 檢舉

你param中的url是你要播放的檔案
它好像是有用到NPAPI外掛
原本查到有人說修改NPAPI參數，參考https://www.mobile01.com/topicdetail.php?f=359&t=4348809
但是找不到NPAPI，結果發現這篇http://anz.tw/zh/form/NPAPI.pdf
裡面有一段很不明顯的文字，說Chrome 45之後停止支援NPAPI
所以應該是無解了。
不過我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.

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙