html中點擊a標籤視頻在新頁面播放

今天剛好需要做一個點擊視頻,需要在新頁面打開播放。一看到這裏,我第一想法就覺得很簡單啊,直接一個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>

補充:

實際情況下,全部寫一行!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章