我想屏蔽HTML5視頻元素並將其轉換爲三角形。我想要一個可以在IE9,Firefox和Chrome上運行的解決方案。可能嗎?屏蔽HTML5視頻
1
A
回答
1
您可以在Firefox中使用SVG遮罩視頻,但這不適用於IE9或Chrome。您可以將視頻逐幀複製到畫布元素,然後在那裏操作視頻以創建遮罩效果。據我所知,只使用CSS雖然不可能。
2
我不知道這是如何跨瀏覽器兼容,但我知道蘋果有一個Safari Technology Demo他們在HTML5視頻上使用-webkit-mask
。這可能是值得調查的。
+0
由於它是一個Safari演示程序,它可以在基於webkit的引擎上工作(例如Google Chrome)。儘管IE9在沒有反饋的情況下失敗了,但Firefox會輕聲建議它不能播放該演示。 – 2012-03-08 16:28:08
相關問題
- 1. Html5全屏視頻
- 2. HTML5多視頻屏幕
- 3. HTML5視頻:全屏字幕
- 4. 覆蓋HTML5全屏視頻
- 5. HTML5視頻IOS6全屏
- 6. 全屏視頻背景html5
- 7. 邊框屏蔽視頻的iframe
- 8. 帶HTML5的全屏幕背景視頻
- 9. 自動全屏html5視頻播放?
- 10. 全屏HTML5無JS視頻背景
- 11. 製作html5視頻到全屏
- 12. 視頻在HTML5
- 13. 對HTML5視頻
- 14. HTML5視頻爲
- 15. HTML5視頻量
- 16. 如何使用html視頻屏蔽輸入類型範圍
- 17. iPhone:用於測試的射頻屏蔽
- 18. 清理HTML5視頻
- 19. Brightcove的HTML5視頻
- 20. HTML5視頻截圖
- 21. Html5視頻命令
- 22. HTML5移動視頻
- 23. HTML5視頻與Fancybox
- 24. HTML5視頻Android VideoView
- 25. 播放視頻HTML5
- 26. html5視頻與createjs
- 27. HTML5視頻性能
- 28. Html5,chuncked視頻流
- 29. HTML5視頻問題
- 30. HTML5視頻介紹?
如何逐幀複製視頻? – 2011-05-03 18:16:54
去年我在博客上做過類似的事情:http://blogs.msdn.com/b/thebeebs/archive/2010/11/08/how-to-rotate-html5-video.aspx – 2011-05-03 18:19:40
謝謝,還發現了一個很好的文章在這裏https://developer.mozilla.org/En/Manipulating_video_using_canvas理想情況下,雖然我想這樣做,而不使用畫布。 – 2011-05-03 18:27:41