ＲＷＤ影片設定css

css3

ppp896 2021-11-29 23:14:28 ‧ 724 瀏覽

我對ＲＷＤ影片設定，充滿了問號，一知半解，不清楚，如何才是正確的設定，或注意事項
，可否賜教或給我範例。。。謝

影片注意事項???
在html需要設定影片格式mp4...???

video controls>
source src="dogs.mp4" type="video/mp4; codecs='avc1, mp4a'">
source src="dogs.webm" type="video/webm; codecs='vp8.0, vorbis'">
/video>

CSS大約如下,有什麼需要注意?
video{
width: 100%;
height: 100%;
object-fit: cover;

登入發表討論

直播研討會

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

直播中

1 個回答

harry xie

iT邦研究生 1 級 ‧ 2021-11-29 23:32:59

最佳解答

google 搜尋 RWD CSS Video 就很多資料可以參考囉!

ex:
https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_video2

https://www.webdesigns.com.tw/youtube-rwd.asp

回應 1
分享
檢舉

ppp896 iT邦新手 4 級 ‧ 2021-12-02 10:06:51 檢舉

謝謝

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

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

IT邦幫忙