如何從css設置html5視頻標籤源

任何具有html css專業知識的人都可以幫助我解決這個我無法解決的簡單問題。如何從css設置html5視頻標籤源

基本上，我的html頁面有一個視頻元素，它具有src屬性。

現在，我想要做的是，從視頻元素中刪除此src屬性，並將此源視頻元素的CSS類。

那麼，我怎樣才能設置來自CSS的視頻元素的src？

我曾嘗試使用網址，內容屬性，但它似乎並沒有工作。
或者我做錯了。我會感激任何人可以提供任何輸入，或共享一個小的代碼，將使用CSS來設置HTML5視頻元素的來源。請幫助我。謝謝。

來源

2017-02-22 Harshit

你不能用CSS做到這一點。你必須爲此使用JS。 – cloned

爲什麼？你能解釋一下嗎？我的意思是，可以從CSS設置img標籤的source屬性，但不能爲視頻設置。爲什麼？ – Harshit

@哈西：這也是不可能的。您可以從CSS設置背景圖片，但不會影響元素的屬性。 – Cerbrus

您無法通過CSS設置視頻源。因爲你看到的視頻的基本結構如下：

<video> 
    <source src="sample.mp4" type="video/mp4"> 
    <source src="sample.ogg" type="video/ogg"> 
    Your browser does not support HTML5 video. 
</video>

您可以設置其他屬性，如背景圖像，顏色等。但是，你可以不設置通過CSS的來源，這是用來設計播放按鈕&任何其他按鈕功能。如果您確實需要這樣做而不使用<source src="sample.mp4" type="video/mp4"></source>，則必須使用JavaScript。

來源

2017-02-22 09:30:41

如何從css設置html5視頻標籤源

回答

相關問題