今天剛好需要做一個點擊視頻,需要在新頁面打開播放。一看到這裏,我第一想法就覺得很簡單啊,直接一個a標籤,裏面給一個target爲blank,href值爲視頻播放地址不就好了。想好就開始幹,當這樣做完之後,我在測試頁面點擊的時候,發現並不是我所想的,它是打開新頁面,並且下載視頻。wtf。然後自己打開頁面新,把視頻鏈接拷貝進去,發現是可以在頁面播放的,然後我刷新頁面,在點擊a標籤,發現可以打開新頁面播放視頻了。說了那麼多廢話,其實最後自己還是自己寫了一個js代碼。因爲怕別人也遇到我這樣的情況,如果你不怕的話,還是可以使用直接放a標籤這個方法
廢話太多了,直接上代碼
<a target="_blank" onclick="openVideo('視頻播放地址')">
<div>跳轉新頁面播放</div>
</a>
說明一下,代碼就是先打開新頁面,然後在頁面裏面添加video標籤,外邊的div樣式可以自己設置
<script>
//定義的方法
function openVideo(src) {
var page = window.open();
var html="<body style='background:black'>
<div style='width:80%;margin:auto;'>
<video controls width='100%' autoplay src='"+src+ "'></video>
</div>
</body>"
page.document.write(html);
}
</script>
補充:
實際情況下,全部寫一行!!!