HTML5/JavaScript - ビデオソースにタイムスタンプ属性を追加するにはどうすればよいですか？

Question

私は本当にこれに答えを見つけるのに苦労している前にHTMLやJavaScriptを使用したことがない！私はオンラインサイトビルダーを使っている地元のクラブのためにウェブサイトを運営しているので、これまで何のコーディングもしていなかった。

私は、30分ごとにFTPを介して更新するページの1つにタイムラプスビデオを表示したい（更新するたびに上書きする）。私はビデオをアップロードしてうまくいきましたが、ブラウザはビデオをキャッシュしていて、ファイル名が同じであるためページが更新されたときに再ロードしません。私はたくさんの調査を行い、タイムスタンプなどのランダムな属性をビデオsrcパスに追加すると問題が解決する可能性があることがわかりましたが（下のリンクに従って）、これを行う方法を理解できません。

Force browser to update cached HTML5 video object

それがオンラインウェブサイトビルダーだとして、コードを追加する唯一の方法は、「HTML /スクリプト」要素を挿入し、そこにコードを貼り付けているので、現在私が持っている：

<video width="476" height="266" controls="" autoplay=""> 
<source src="http://mydomain.co.uk/Weather/today.mp4" 
new="" type="video/mp4"/> 
Sorry, your browser does not support our time lapse video. 
</video> 

私はその属性を追加するためにそこにJavaScriptが必要であるという印象を受けていますが、HTML/Javaの初心者であれば助けてもらえます！ありがとう、ジョナサン。

Answer 1

これは、作成したビデオオブジェクトに入り、ユニークな文字列をビデオのソースの最後に追加します。

ビデオオブジェクトのソースにIDを追加して、javascriptでソースオブジェクトに簡単にアクセスできるようにしました。

var video = document.getElementById("vid"); 
 
var source = document.getElementById("vidsource"); 
 
var rndString = "?t=" + Date.now(); 
 
source.src = source.src + rndString; 
 
video.load();

<video id="vid" width="476" height="266" controls="" autoplay=""> 
 
    <source id="vidsource" src="http://mydomain.co.uk/Weather/today.mp4" new="" type="video/mp4" />Sorry, your browser does not support our time lapse video. 
 
</video>